如何使用jQuery检查表中是否存在第二个tr

时间:2017-09-09 11:05:37

标签: javascript jquery html html-table

<table id="jobSkills">
<tr><th></th><th></th></tr>
<tr><td></td></tr> //i want to check this tr present or not.?
</table>

我有桌子我想检查第二个tr是否存在我该怎么办?

if($("#jobSkills tr").length > 0){ //second tr
alert("working");
}else{
alert("not-working");
}

我能够对第一个tr进行验证,但对于第二个我很困惑

4 个答案:

答案 0 :(得分:2)

检查长度大于1而不是0:

 https smediacacheak0pinimgcomoriginals1219ed1219ed717fc2bfce372759bba2fe1cfegif 
if($("#jobSkills tr").length > 1){ //second tr
  alert("working");
}else{
  alert("not-working");
}

答案 1 :(得分:2)

使用<thead><tbody>

中的其余行换行第一行

演示

if ($("#jobSkills tbody tr").length > 0) {
  console.log("working");
} else {
  console.log("not-working");
}
<table id="jobSkills">
  <thead>
    <tr>
      <th></th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td></td>
      <td></td>
    </tr>
  </tbody>
</table>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

答案 2 :(得分:1)

获取第二个tr孩子$("table tr")[1]并检查它是否存在$("#t tr")[1]!=undefined

答案 3 :(得分:1)

如果您想通过使用选择器逻辑,使用纯JS获得<tr>的第二个<table>元素非常简单。

console.log(document.querySelector("#jobSkills tr:nth-of-type(2)").innerHTML);
<table id="jobSkills">
  <tr>
    <th></th>
    <th></th>
  </tr>
  <tr>
    <td></td>
  </tr>
</table>