jQuery: descendants çalışmıyor

Question

Şu anda iç içe bir onay kutusunu denemeye çalışıyorum. Ben zaten bir çocuk onay kutusunun ebeveyn onay kutusunu almak için anladım, ama ne olursa olsun denemek için tersi işe yaramıyor. Zaten .Children (ile kendisine çalıştı

), .find() vb, bir onay kutusu daha başka bir şey geldiği zaman çalışır . $ (This) bir onay kutusunun nesnesi olduğunda, bana önceki elemanı vermez. İlk soylu nesnesine nasıl erişebilirim? Teşekkür ederim !

HTML:

<ul class='main'> 
    <li><input type="checkbox" name="settings_overview" value="overview">Settings 
     <ul class="sub"> 
      <li><input type="checkbox" name="delete" value="add">Add device</li> 
      <li><input type="checkbox" name="add" value="delete">Delete device</li> 
     </ul> 
    </li> 
</ul> 

JS:

$(document).ready(function() { 
    $('input:checkbox').click(function() { 

    var child = $(this).find(':first'); // not working 

    var parent = $(this).closest("ul").siblings('input:checkbox'); // works 

    console.log(parent); 
    console.log(child); 

    }); 
}); 

https://jsfiddle.net/v36xyfdn/11/

Answer 1

Orada farklı senaryolar vardır ve bu yukarıdaki kodu her zaman çalışmaz, ve yapmanız gerekebilir eğer yoksa geri dönüşler. Senin örnekte https://jsfiddle.net/v36xyfdn/14/