结构:
<div id="XY">
<p>Test</p>
<ul>
<li>Test<a class="link"></a></li>
</ul>
</div>
我的目标是获取div的ID并将其插入“链接”项的链接中。
<script>
$(document).ready(function() {
$(".link").attr("href", "open_" + $(this).parent("div").attr('id'));
});
</script>
您可以这样做:
$(document).ready(function() {
$(".link").attr("href", "open_" + $(".link").closest("div").attr('id'));
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="XY">
<p>Test</p>
<ul>
<li>Test<a class="link"></a></li>
</ul>
</div>
为了获得id
的div
,可以在链接上使用parents()
方法,如下所示:
$(document).ready(function() {
$(".link").attr("href", "open_" + $('.link').parents("div").attr('id'));
console.log($('.link').attr('href'))
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="XY">
<p>Test</p>
<ul>
<li>Test<a class="link"></a></li>
</ul>
</div>