Javascript jQuery closest（）获取具有特定类或id的行上方_Javascript_Jquery

Javascript jQuery closest（）获取具有特定类或id的行上方

javascript jquery

Javascript jQuery closest（）获取具有特定类或id的行上方,javascript,jquery,Javascript,Jquery,下面是一个简化的示例，用于解释我试图理解的内容，即如何获取当前行上方具有特定id的第一行： <script> $(document).ready(function(){ $("#alphabet").closest("tr']").css({"color": "white", "background-color": "green"}); // finds the same row as expected $("#alphabet").closest("tr#number']"

下面是一个简化的示例，用于解释我试图理解的内容，即如何获取当前行上方具有特定id的第一行：

<script>
$(document).ready(function(){
  $("#alphabet").closest("tr']").css({"color": "white", "background-color": "green"}); // finds the same row as expected
  $("#alphabet").closest("tr#number']").css({"color": "white", "background-color": "green"});  // Does NOT find anything
  $("#alphabet").closest("tr:has([class*='num'])").css({"color": "white", "background-color": "green"}); // Does NOT find anything

});
</script>
</head>

<body >body (great-great-grandparent)
  <table>
    <thead>
      <tr>
          <th>col 1</th>
          <th>col 2</th>
      </tr>
  </thead>
    <tbody>
      <tr id='number' class="num">
          <td>1</td>
          <td>2</td>
      </tr>
      <tr id='alphabet'>
          <td>a</td>
          <td>b</td>
      </tr>
    </tbody>
  </table>

</body>


$（文档）.ready（函数（）{
$（“#字母表”）.closest（“tr']”）.css（{“color”：“white”，“background color”：“green”}）；//查找与预期相同的行
$（“#字母表”）.closest（“tr#number']”）。css（{“color”：“white”，“background color”：“green”}）；//找不到任何内容
$（“#字母表”）.closest（“tr:has（[class*='num']）））.css（{“color”：“white”，“background color”：“green”}）；//找不到任何内容
});
身体（曾曾祖父母）
第1列
第2列
1.
2.
A.
B

我故意避免使用.next（），prev（）

试试看：

$（“#字母表”）。同级（“#数字”）。css（…）

最近的用于向上移动层次结构，例如从td移动到tr，兄弟用于在同一级别移动。

尝试：

$（“#字母表”）。同级（“#数字”）。css（…）

最近的用于向上移动层次结构，例如从td移动到tr，兄弟用于在同一级别上移动

给定一个表示一组DOM元素的jQuery对象，.closest（）方法在DOM树中搜索这些元素及其祖先，并从匹配的元素构造一个新的jQuery对象。

.parents（）

和

.closest（）

方法相似，它们都向上遍历DOM树。两者之间的差异虽然很微妙

最好使用

.parents（）

或

兄弟姐妹（）.closest（）
将无法看到该元素，因为它在第一步中已遍历到


$（函数（）{
$（“#字母表”）.parent（）.find（“#数字”）.css({
“颜色”：“白色”，
“背景色”：“绿色”
});
});

第1列
第2列
1.
2.
A.
B

给定一个表示一组DOM元素的jQuery对象，.closest（）方法在DOM树中搜索这些元素及其祖先，并从匹配的元素构造一个新的jQuery对象。.parents（）
和.closest（）
方法相似，它们都向上遍历DOM树。两者之间的差异虽然很微妙
最好使用.parents（）
或兄弟姐妹（）.closest（）
将无法看到该元素，因为它在第一步中已遍历到


$（函数（）{
$（“#字母表”）.parent（）.find（“#数字”）.css({
“颜色”：“白色”，
“背景色”：“绿色”
});
});

第1列
第2列
1.
2.
A.
B