javascript - 检查行是否包含复选框

Question

我想检查表中的行是否包含复选框，无论是否选中。如果是，鼠标悬停操作会更改某些背景颜色。 我的表用类 .parts 表示。 以下是部分代码:

$(document).ready(function () {
      $(".parts tbody tr:contains('input:checkbox')").on('mouseover', function () {
          $(this).css("background-color", "#EFF3F7");
      });
  });

Answer 1

:contains寻找文本。您正在寻找 :has , 没有内部引号:

$(".parts tbody tr:has(input:checkbox)").on('mouseover', ...
// ----------------^---^-------------^

免费的实例:

$(".parts tbody tr:has(input:checkbox)").on('mouseover', function() {
  $(this).css("background-color", "#EFF3F7");
});

.parts, .parts td {
  border: 1px solid #ddd;
}

<table class="parts">
  <tbody>
    <tr>
      <td>No</td>
      <td>checkbox</td>
    </tr>
    <tr>
      <td><input type="checkbox"></td>
      <td>has checkbox</td>
    </tr>
    <tr>
      <td>has checkbox</td>
      <td><input type="checkbox" checked></td>
    </tr>
  </tbody>
</table>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>