我知道如何獲取直接父類的值，id 等。但是，如何獲取不是直接父類、也不是最大父類、而是已知類名的父類的 ID 值呢？我知道你會認為只是根據(jù)類名獲取 ID 值。但我有很多動態(tài)加載的內(nèi)容，具有相同的類。所以我必須擁有這個元素的父類。謝謝！<div class="A"> <div class="B" id="1"> <div class="C"> <div class="D"> <input class="need-ID-of-class-B" value=""> </div> </div> </div></div>
2 回答
慕的地8271018
TA貢獻1796條經(jīng)驗 獲得超4個贊
您可以嘗試使用.parents()OR?.closest()：
console.log($('.need-ID-of-class-2').closest('.2').attr('id'));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="1">
? <div class="2" id="1">
? ? <div class="3">
? ? ? <div class="4">
? ? ? ? <input class="need-ID-of-class-2" value="">
? ? ? </div>
? ? </div>
? </div>
</div>
至尊寶的傳說
TA貢獻1789條經(jīng)驗 獲得超10個贊
訪問最近祖先元素的不同方法是，closest()，parents()，querySelector和closest()。
$('.need-ID-of-class-B').closest('.B').attr('id');
$('.need-ID-of-class-B').parents('.B').attr('id');
document.querySelector('.need-ID-of-class-B').closest("div .B").getAttribute('id');
慕工程0101907
TA貢獻1887條經(jīng)驗 獲得超5個贊
使用.closest([class="2"])您可以獲得匹配的祖先.2，并獲取其ID：
const input = document.querySelector('input');
console.log(input.closest('[class="2"]').id);
<div class="1">
<div class="2" id="1">
<div class="3">
<div class="4">
<input class="need-ID-of-class-2" value="">
</div>
</div>
</div>
</div>
如果可能的話，修復您的 HTML，使其類有效 - 類名不應以數(shù)字開頭。然后你可以使用.而不是[class]：
const input = document.querySelector('input');
console.log(input.closest('.two').id);
<div class="1">
<div class="two" id="1">
<div class="3">
<div class="4">
<input class="need-ID-of-class-2" value="">
</div>
</div>
</div>
</div>
- 2 回答
- 0 關注
- 137 瀏覽
添加回答
舉報
0/150
提交
取消