Есть такая структура
<div id="block">
<p id="p_1">text</p>
<p id="p_2">text</p>
<p id="p_3">text</p>
<p id="p_4">text</p>
....
</div>
Нужно скриптом выдернуть последний id, в примере это p_4, как сделать?
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществу.last()
- Возвращает последний элемент из всех выбранных
alert($('#block p').last().attr('id'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="block">
<p id="p_1">text</p>
<p id="p_2">text</p>
<p id="p_3">text</p>
<p id="p_4">text</p>
</div>
Еще вариант:
:last-child
- Соответствует всем элементам, которые являются последними дочерними объектами у «родителей».
alert($('#block p:last-child').attr('id'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="block">
<p id="p_1">text</p>
<p id="p_2">text</p>
<p id="p_3">text</p>
<p id="p_4">text</p>
</div>
Без jQuery:
function onClick() {
var id = document.getElementById("block").lastElementChild.id;
alert(id);
}
<div id="block">
<p id="p_1">p_1</p>
<p id="p_2">p_2</p>
<p id="p_3">p_3</p>
<p id="p_4">p_4</p>
</div>
<button onclick="onClick();">Click me!</button>