Получить идентификатор предыдущего тега

Question

Я хочу получить идентификатор предыдущего тега p.

HTML:

<p class="getty" id="1" href="#">One</p> 
<div class="edit"> 
    <a>Two</a> 
    <a id="remove">Three</a> 
</div> 

JQuery:

$('#remove').click(function(e) { 
    e.preventDefault(); 
    var x = $(this).prev("p").attr('id'); 
    alert(x); 

}); 

Это не дает ничего в боевой готовности. Где я поступаю неправильно?

Answer 1

Пред только получить прямой предыдущий элемент на том же уровне, пожалуйста, проверьте ниже решение -

$('#remove').click(function(e) { 
 
    e.preventDefault(); 
 
    var x = $(this).parent().prev("p").attr('id'); 
 
    alert(x); 
 

 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p class="getty" id="1" href="#">One</p> 
 
<div class="edit"> <a>Two</a> <a id="remove">Three</a> </div>

Answer 2

Вы можете использовать функцию .closest («р»), чтобы выбрать родительский тег р

$('#remove').click(function(e) { 
    e.preventDefault(); 
    var x = $(this).closest('p').attr('id'); 
    x.remove(); 

}); 

Answer 3

Если вы используете .prev(), он будет пытаться получить прямой предыдущий элемент a.

Вам необходимо перейти на .parent() из a, а затем использовать .prev().

var p = $(this).parent().prev("p").attr('id');