在jquery中使用类来影响孩子的孩子

Question

我有以下标记：

<tbody id="best_id_ever_1">
<tr>
<td>
<span class="to_affect">
</td>
</tr>
</tbody>

 <tbody id="best_id_ever_2">
 <tr>
 <td>
 <span class="to_affect">
 </td>
 </tr>
 </tbody>


 <tbody id="best_id_ever_3">
 <tr>
 <td>
 <span class="to_affect">
 </td>
 </tr>
 </tbody>

使用jquery，我想影响跨度为具有给定id 的tons的盛大孩子。我尝试了以下内容：

$(best_id_ever_X).closest('.to_affect');
$(best_id_ever_X).children('.to_affect');

但是，没什么。我可以在这里使用一些帮助：p

Answer 1

以下是获得所需对象的方法：

$("#best_id_ever_1").find(".to_affect");

Answer 2

从您的示例HTML中，您并不需要担心您拥有多少级别的后代。您要定位的<span>已经有一个可用于定位它的类名。

使用id属性，检索“root”元素 -

var root_elem = $( "#best_id_eva" );

现在，使用jquery find()功能，您只能定位您想要操作的<span>：

var affected_span = root_elem.find( "span.to_affect" );

---

作为一个额外的例子，我将从字面上看你的示例HTML并直接遍历DOM到<span>：

var affected_span = $( "#best_id_eva > tr > td > span");

这将匹配

• 所有 <span>元素
• 是<td>
的直接后代
• 反过来又是<tr>
的直接后裔
• 包含在id best_id_eva。
的元素中