我有一個帶有 4 個單獨串列的 div,我需要在單擊之前知道串列的 id。
因此,假設我單擊 ul2,我需要 ul1 id 的警報。
目前我正在通過以下方式獲取點擊 ID:
var clicked_id = this.id;
我嘗試了以下方法來獲得上述 ul
var div_id2 = $(this).parents(".divtest").next(".ultest").attr("id");
var div_id = $(this).closest('ul').find('.ultest').attr('id');
var x = $(this).prev().attr('id');
簡化布局:
<div id="doesnt matter" class="divtest">
<ul id="ul1" class="ultest">
<li id="doesnt matter"></li>
<li></li>
<li></li>
</ul>
<ul id="ul2" class="ultest">
<li></li>
<li></li>
<li></li>
</ul>
<ul id="ul3" class="ultest">
<li></li>
<li></li>
<li></li>
</ul>
<ul id="ul4" class="ultest">
<li></li>
<li></li>
<li></li>
</ul>
</div>
uj5u.com熱心網友回復:
使用jQuery.prev:
$('ul').click(function() {
let prev = $(this).prev('ul')
console.log(prev.attr('id'))
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="doesnt matter" class="divtest">
<ul id="ul1" class="ultest">
<li id="doesnt matter">item</li>
<li>item</li>
<li>item</li>
</ul>
<ul id="ul2" class="ultest">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ul id="ul3" class="ultest">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<ul id="ul4" class="ultest">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
</div>
轉載請註明出處,本文鏈接:https://www.uj5u.com/yidong/392415.html
標籤:javascript 查询
