在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的肢体的大孙子。 我尝试了以下方法：

$(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的元素中。