在jquery中选择更大的索引

发布于 2024-10-14 12:38:56 字数 532 浏览 1 评论 0原文

下面的代码选择 TD #5 到 TD #8 ,但我想选择 TD #2 到 TD #4 。

如何做到这一点?帮我

<table border="1">
    <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
    <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>

    <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>
<script>$("td:gt(4)").css("text-decoration", "line-through");</script>

This below code selects TD #5 to TD #8 , but I want select TD #2 to TD #4.

How to do this? Help me

<table border="1">
    <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
    <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>

    <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>
<script>$("td:gt(4)").css("text-decoration", "line-through");</script>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

ら栖息 2024-10-21 12:38:56

您只需为此目的修改自己的代码即可..
$("td:lt(5)").css("text-decoration", "line-through");

用于编辑的问题

$('td:gt(1):lt(5)').css("text-decoration", "line-through");

simply you can modify your own code for that purpose..
$("td:lt(5)").css("text-decoration", "line-through");

for edited question

$('td:gt(1):lt(5)').css("text-decoration", "line-through");
挽你眉间 2024-10-21 12:38:56

$('td:lt(1)');
$('td:eq(0)');
$('td:nth-child(1)');
$('td').eq(0);
$('td').slice(0, 1);

对于编辑后的问题:


$('td:gt(1):lt(5)');
$('td').slice(2, 5);

$('td:lt(1)');
$('td:eq(0)');
$('td:nth-child(1)');
$('td').eq(0);
$('td').slice(0, 1);

For the edited question:


$('td:gt(1):lt(5)');
$('td').slice(2, 5);
篱下浅笙歌 2024-10-21 12:38:56

你只是这个意思吗?

<table border="1">
  <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
  <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
  <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>

<script>
  $("td:lt(1)").css("text-decoration", "line-through");
</script>

或者你想获取单元格的值?在特殊情况下,情况则非常不同。

Do you simply mean this?

<table border="1">
  <tr><td>TD #0</td><td>TD #1</td><td>TD #2</td></tr>
  <tr><td>TD #3</td><td>TD #4</td><td>TD #5</td></tr>
  <tr><td>TD #6</td><td>TD #7</td><td>TD #8</td></tr>
</table>

<script>
  $("td:lt(1)").css("text-decoration", "line-through");
</script>

Or are you trying to get the value of the cell? In chich case, it is very different.

筑梦 2024-10-21 12:38:56

好吧,您可以使用 :not() 进行反向选择。

<script>$("td:not(:gt(4))").css("text-decoration", "line-through");</script>

演示

:lt() 将是完美的。 $("td:lt(5)").css()

well, you could do a reverse selection by using the :not().

<script>$("td:not(:gt(4))").css("text-decoration", "line-through");</script>

demo

but :lt() would be perfect. $("td:lt(5)").css()

若有似无的小暗淡 2024-10-21 12:38:56

如果您想在特定条件之间选择数据,您可以使用多个选择器,如下所示:

$("td:lt(5):gt(1)").css("text-decoration", "line-through");

它将选择 TD #2 到 TD #4。

希望它能有所帮助..

If you want to select data between specific condition you can use multiple selector like this:

$("td:lt(5):gt(1)").css("text-decoration", "line-through");

It will select TD #2 to TD #4.

Hope it can help..

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文