jquery - jQuery选择下一个div元素
问题描述
结构体:
<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>
如果您有更多应该适用的链接,请使用each()
:
$(document).ready(function() {
$(".link").each(function() {
$(this).attr("href", "open_" + $(this).closest("div").attr('id'));
});
});
推荐阅读
- python - 在我的情况下,迭代 Pandas 行的最佳方法是什么?
- c - 具有不同节点的 C (Linux) 中的叉树
- swift - Swift 包无法解析
- c - 在 c 编程中用多个字符打破 while 循环
- python - 获取 href 值 BeautifulSoup
- rest - 在 Google Assistant 之外使用 Actions REST API?
- html - D3.JS - 创建链接到 csv 文件的 HTML 表
- php - 如何在 Woocommerce 的“本地取货”中添加超过美元金额的免费送货功能
- python - 从另一个对象动态添加的方法的类型提示?
- csv - 为每个循环条目 iMacros 编写确认列 (CSV)