Jquery 如何获取下一个p元素的id？

我想获得下一个p标签的ID

HTML:

---

它没有发出任何警报。我哪里做错了？

p

元素是最近的父元素

h1

元素的下一个兄弟。您需要遍历到父

h1

元素，然后使用

.next（）

选择器将其作为目标：

$（函数（）{
$（'span.edit>a'）。单击（函数（e）{
e、 预防默认值（）；
var x=$（this.nexist（'h1'）。next（'p'）。attr（'id'）；；
警报（x）；
});});

abc
One
p
是单击的
a
的下一个父级，
。最近的
将使您找到最近的父级span标记


$（函数（）{
$（'span.edit>a'）。单击（函数（e）{
e、 预防默认值（）；
var x=$（this）.parent（“span”）.next（“p”）[0].id；
警报（x）；
});
});

偶像
One
在这里，我使用了
最近的
到达
h1
标记，然后获取它旁边的
标记。然后抓住它的
id


$（'span.edit>a'）。单击（函数（e）{
e、 预防默认值（）；
var x=$（this.nextest（“h1”）.next（“p”）.attr（“id”）；
警报（x）；
});

点击我
One
@Aashi检查编辑的答案，现在工作正常。如果它解决了您的问题，请注意并将其标记为正确答案。
 <h1>
    <span class=" edit">
    <a><i class="fa fa-edit"></i></a>
    <a id="remove"><i class="fa fa-trash-o"></i></a>
    </span>
</h1>
<p class="getty" id="1" href="#">One</p>

$('span.edit > a').click(function(e) {
    e.preventDefault();
    var x = $(this).next("p").attr('id');
    alert(x);

});

$(this).closest("h1").next("p")[0].id;