在javascript上,如何在class属性上不使用同级
我对JS很在行。 我需要使用html代码选择启用了data parent=“16”的元素:在javascript上,如何在class属性上不使用同级,javascript,jquery,siblings,Javascript,Jquery,Siblings,我对JS很在行。 我需要使用html代码选择启用了data parent=“16”的元素: <div class="filter-options" id="able-filter"> <div class="Xhaut" id="Xhaut"> <a class=" active" data-dimension="region" data-filter="all" href="javascript:void(0)">All</a&
<div class="filter-options" id="able-filter">
<div class="Xhaut" id="Xhaut">
<a class=" active" data-dimension="region" data-filter="all" href="javascript:void(0)">All</a>
<a data-term_id="18" data-parent="17" data-filter="villebelge1" href="javascript:void(0)" class="a" data-dimension="region">villeBelge1</a>
<a data-term_id="19" data-parent="17" data-filter="villebelge2" href="javascript:void(0)" class="a" data-dimension="region">villeBelge2</a>
<a data-term_id="20" data-parent="17" data-filter="villebelge3" href="javascript:void(0)" class="b" data-dimension="region">villeBelge3</a>
<a data-term_id="21" data-parent="16" data-filter="villenord1" href="javascript:void(0)" class="b" data-dimension="region">villenord1</a>
<a data-term_id="22" data-parent="16" data-filter="villenord2" href="javascript:void(0)" class="c" data-dimension="region">villenord2</a>
<a data-term_id="23" data-parent="15" data-filter="villesud1" href="javascript:void(0)" class="c" data-dimension="region">villeSud1</a>
<a data-term_id="24" data-parent="15" data-filter="villesud2" href="javascript:void(0)" class="d" data-dimension="region">villeSud2</a>
<a data-term_id="25" data-parent="15" data-filter="villesud3" href="javascript:void(0)" class="d" data-dimension="region">villeSud3</a>
</div>
</div>
我拨弄了一下:
太多了
编辑:谢谢你的答案 您可以执行以下操作:
var Xhaut = $('#Xhaut').find('[data-parent=16]');
没有jQuery时:
var Xhaut = document.querySelectorAll('[data-parent="16"]');
只需扩展tymeJV的内容,您可以将其缩短一点:
var Xhaut = $('[data-parent=16]','#Xhaut');
var Xhaut = $('[data-parent=16]','#Xhaut');