得到當前元素的父然後每個元素的jQuery

Question

我想當前元素的父，然後爲每個在這裏檢查類是我的代碼：

jQuery('input[name^="opt"]').click(function() { 
 
    if (
 
    jQuery(this).hasClass('current_option') && 
 
    jQuery(this).is(':checked') 
 
) { 
 
    jQuery(this).prop('checked', false); 
 
    jQuery(this).removeClass('current_option'); 
 
    opConfig.reloadPrice(); 
 
    } else { 
 
    var parents=jQuery(this).parent().parent(); 
 
    jQuery(parents +'li > input').each(function() { 
 
     alert("445"); 
 
    }); 
 
    jQuery(this).addClass('current_option'); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<ul> 
 
    <li><input type="radio" value="1" name="opt[1]" /><li> 
 
    <li><input type="radio" value="1" name="opt[1]" /><li> 
 
    <li><input type="radio" value="1" name="opt[1]" /><li> 
 
    <li><input type="radio" value="1" name="opt[1]" /><li> 
 
</ul> 
 
<ul> 
 
    <li><input type="radio" value="1" name="opt[2]" /><li> 
 
    <li><input type="radio" value="1" name="opt[2]" /><li> 
 
    <li><input type="radio" value="1" name="opt[2]" /><li> 
 
    <li><input type="radio" value="1" name="opt[2]" /><li> 
 
</ul> 
 
<ul> 
 
    <li><input type="radio" value="1" name="opt[3]" /><li> 
 
    <li><input type="radio" value="1" name="opt[3]" /><li> 
 
    <li><input type="radio" value="1" name="opt[3]" /><li> 
 
    <li><input type="radio" value="1" name="opt[3]" /><li> 
 
</ul>

這部分代碼不能正常工作。我必須刪除當前父級其他元素的類。

var parents=jQuery(this).parent().parent(); 
jQuery(parents +'li > input').each(function() { 
    alert("445"); 
}); 

Answer 1

你能解釋一下爲什麼你使用這段代碼片段？

var parents=jQuery(this).parent().parent(); 
jQuery(parents +'li > input').each(function() { 
    alert("445"); 
}); 

如果你解釋一點點，那麼一些人可能會給出正確的想法，以最好的方式來做到這一點。還有一件事是你想用你的代碼完成的事情？

無論如何，您無法通過parents得到li > input變量，您使用parent()函數存儲變量。

你爲什麼不試試find()這個給你？如：

$(parents).find('input').each(function() { 
    alert("445"); 
});