jquery父子选择器返回undefined

Question

jquery父子选择器返回undefined

为什么jquery父子选择器在这里不起作用.

这里的article元素有它的子元素部分,而section包含html select标签.

所以,有了父子逻辑,它必须工作,不是吗？它返回undefined.

$(document).on('change', 'select[name="slct_sec"]', function(){

    //This one is working
    var cls=$('section > select[name="slct_cls"]').val();
    
    //Not working
    var cls_1=$(this).parent('section').siblings('section > select[name="slct_cls"]').val();
 
   //Not working
    var cls_2=$(this).parent('article').children('section > select[name="slct_cls"]').val();
    alert(cls_1);
    alert(cls_2);
	
  });

Run Code Online (Sandbox Code Playgroud)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
  <head>
  </head>
  <body>
    <article>
      <section>
        <select name='slct_cls'>
          <option value='1'>One</option>
          <option value='2'>Two</option>
        </select>
      </section>
      <br/>
      <section>
        <select name='slct_sec'>
          <option value='1'>A</option>
          <option value='2'>B</option>
        </select>
      </section>
    </article>
  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

Answer 1

Cer*_*nce 5

你不知道section你想要定位的元素对应的那个select[name="slct_cls"],所以你不能使用siblings- 与兄弟一起,你想要选择一个slct_cls,但你不知道哪个兄弟姐妹有事先.最好更高一级article,然后使用.find该选择器查找后代元素:

$(document).on('change', 'select[name="slct_sec"]', function() {
  var cls_1 = $(this).closest('article').find('select[name="slct_cls"]').val();
  console.log(cls_1);
});

Run Code Online (Sandbox Code Playgroud)

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

<head>
</head>

<body>
  <article>
    <section>
      <select name='slct_cls'>
        <option value='1'>One</option>
        <option value='2'>Two</option>
      </select>
    </section>
    <br/>
    <section>
      <select name='slct_sec'>
        <option value='1'>A</option>
        <option value='2'>B</option>
      </select>
    </section>
  </article>
</body>

</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	7 年，2 月前
查看次数：	164 次
最近记录：	7 年，2 月前