gpt4 book ai didi

jquery - 无法选择直接父元素

转载 作者:行者123 更新时间:2023-12-01 05:08:13 26 4
gpt4 key购买 nike

我有一个全局存在 divsectionul 元素的 html 页面(当然还有更多,但这些是最常见)

现在在页面上的第四个列表中(例如下面以粗体显示的内容)


<body>
<div>
<header>
<ul id="firstList">
<li>
[..]
<section>
<ul id="secondList">
[..]
<section>
<ul id="thirdList">
[..]
<section>
<ul id="fourthList">
<li><a>Test 1</a></li>
<li><a>Test 2</a></li>
<li><a>Test 3</a></li>
</ul>
[..]

问题是,当有人点击测试时,我想循环遍历列表项以查找列表中点击的位置(之前或之后有项目)

因此我有以下内容


$("a").click(function(event){
[..]
var parentEl = $(this).parents('ul').filter(":first").tagName;
alert($(parentEl).attr("id"));
});

但这给了我 firstList 作为输出。我假设 jQuery 从上到下浏览文档,因此使用 filter(:first) (哦和 get(0))的输出我猜也是有道理的。但是我如何获得点击链接的第一个父链接?

如果有人点击Test 2,我想获得fourthList作为输出(最终得到位置,但那是稍后的事了)

最佳答案

试试这个

$("a").click(function(event){
[..]
var $parentEl = $(this).closest('ul');
alert( $parentEl.attr("id") );
});

并获取其同级链接之间的位置

$("a").click(function(event){
[..]
// returns the 0-based index of the `li` among it's sibling `li`s
var idx = $(this).parent().prevAll().length;
});

关于jquery - 无法选择直接父元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3812938/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com