Question

我正在尝试遍历嵌套列表以检查父列表中的复选框是否已选中。

<ul>
  <li class="isAcct"><input type="checkbox"> account 1
    <ul>
      <li class="isSchl"><input type="checkbox"> school 1
        <ul>
          <li class="isclss"><input type="checkbox"> class 1</li>
         </ul></li></ul></li></ul>

当我检查isClss中的输入以检查isAcct中的输入是否被选中时，我正在寻找。这些嵌套列表中将有超过1个li，并且多个＆＃34; isAcct＆＃34;列表所以我需要具体说明我的参考方式。这是我的第一次尝试。（我正在检查另一个点击，但这是逻辑）。

 if($(this).closest(".isAcct").find(".acctChkr").is(":checked")){
    // parent isAcct is checked
 }else {

 }

我只是想知道当我点击isClss或isSchl li时，是否检查了父isacct输入。

谢谢！

Answer 1

尝试

$('.isclss').click(function(){
      if($('.isAcct :checkbox').is(':checked')){
      }
});

或者，如果你想要遍历，那么

if($(this).closest('.isAcct').find(':checkbox').is(':checked'))

顺便说一下，在你的问题中你找到了（＆＃34; .acctChkr＆＃34;）但是在你发布的代码中没有类acctChkr的元素！

遍历嵌套列表中的dom

1 个答案: