如何在jQuery中选中复选框以获取父节点的ID（collapse1）。
<div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1"
style="height: auto;">
<div class="panel-body">
<div class="checkbox">
<label>
<input type="checkbox" class="option-input checkbox" name="filter[]" value="1" checked="checked"> <span class="ml-10">Core i5 (25)</span>
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" class="option-input checkbox" name="filter[]" value="2"> <span
class="ml-10">Core i7 (18)</span>
</label>
</div>
</div>
</div>
我尝试了以下代码，但无法获取
var pid = this.parentNode.id;
您可以:checked为此使用复选框属性：
$('input[type=checkbox]:checked').closest('.panel-collapse').attr('id');
工作片段：
console.log($('input[type=checkbox]:checked').closest('.panel-collapse').attr('id'));<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="collapse1" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="heading1"
style="height: auto;">
<div class="panel-body">
<div class="checkbox">
<label>
<input type="checkbox" class="option-input checkbox" name="filter[]" value="1" checked="checked"> <span class="ml-10">Core i5 (25)</span>
</label>
</div>
<div class="checkbox">
<label>
<input type="checkbox" class="option-input checkbox" name="filter[]" value="2"> <span
class="ml-10">Core i7 (18)</span>
</label>
</div>
</div>
</div>注意：由于我无法this在您的问题代码中看到相关内容，所以这就是我给您上述解决方案的原因。
柜面this相关的东西可用（正如你说的），那么你就可以去@Swati直接的代码：
$(this).closest('.panel-collapse').attr('id')
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句