将类添加到没有类的元素-jQuery

Question

在下table中，只有一个td具有类，另一个不具有类似类：

<table id="bow-me">
  <tr class="row-me">
    <td class="show-me">Pet is Great</td>
    <td>Pete is Greate</td>
  </tr>
</table>

我尝试了类似的东西：

if(!$("#bow-me tr td").hasClass("show-me")) {
  $(this).addClass("know-me");
}

但这并没有在我的第二个td添加class 知识 。

我在这里附上了JSFiddle

如果我只想将Class添加到第二个td ，该怎么办？

Answer 1

尝试使用属性选择器和:not()获得<td>而不带任何类

$('#bow-me tr td:not([class])').addClass('know-me');

或者，如果要指定第一个或第二个<td> ，请使用:eq()

$('#bow-me tr td:eq(1)').addClass('know-me');

文件参考

1. ：不（）
2. 属性选择器
3. .eq（）

Answer 2

您可以使用：eq（）选择器：

$('#bow-me tr.row-me td:eq(1)').addClass('know-me');

更新小提琴

或.eq（）

$('#bow-me tr.row-me td').eq(1).addClass('know-me');

更新小提琴

Answer 3

您的代码不起作用的原因是

1. 您的选择器找到多个td

   $("#bow-me tr td")

2. 您不能将$(this)用作if条件语句中的选择器。 它没有有效的参考。

解决方案：您可以通过each()函数循环匹配的元素，然后设置条件以检查找到的每个元素- $(this)在这种情况下可以工作

$("#bow-me tr td").each(function() {
  if(! $(this).hasClass("show-me")) {
    $(this).addClass("know-me");
  }
});

在这里查看jsFiddle

我给出了这个答案，以解释您的方法为何行不通。 我更喜欢使用:not()伪选择器的安东方法。