javascript - 如何获取特定 parent 的 child ？ jQuery

Question

var subtypechecked = function() {
  var subtype = $(this);
  var evidence = subtype.parent().parent().parent().children("input[name^='Regression.']").fadeOut();
  alert(evidence.context.name);

};
$("input[type=checkbox]").on("click", subtypechecked);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div class="row">
  <div class="panel panel-default"></div>
  <div class="panel-heading clearfix"></div>
  <div style="padding-left:15px;padding-top:5px"></div>
  <div class="panel-body" style="padding-top:5px;padding-bottom:5px">
    <label class="checkbox-inline">
      <input type="checkbox" value="1" name="Repression">Repression
    </label>
    <label class="checkbox-inline">
      <label class="checkbox-inline">
        <label class="checkbox-inline">
  </div>
  <div class="panel-body" style="padding-top:5px;padding-bottom:5px">
    <label class="checkbox-inline">
      <input type="checkbox" value="1" name="Repression.Confirmed">Repression.Confirmed
    </label>
    <label class="checkbox-inline">
      <input type="checkbox" value="2" name="Unknown.Confirmed">Unknown.Confirmed
    </label>
    <label class="checkbox-inline">
      <label class="checkbox-inline">
  </div>
</div>

我想获取名称以“Repression.”开头的所有元素。不过，我检查了 Firebug 。 “证据”是我点击的按钮。那没有意义。

Answer 1

http://api.jquery.com/children/

The .children() method differs from .find() in that .children() only travels a single level down the DOM tree while .find() can traverse down multiple levels to select descendant elements (grandchildren, etc.) as well.

您正在 .row div 上执行 .children，.children 只查看直接后代，您希望使用 .find 来更深入地查看元素的 dom 树。

var evidence = subtype.parent()
              .parent()
              .parent()
              .find("input[name^='Repression.']").fadeOut();

此外，您对名称使用的是压制而不是回归