jQuery получить последний элемент, соответствующий селектору [дубликат]
Вы можете использовать эту пользовательскую библиотеку (написанную с помощью Promise) для выполнения удаленного вызова.
function $http(apiConfig) {
return new Promise(function (resolve, reject) {
var client = new XMLHttpRequest();
client.open(apiConfig.method, apiConfig.url);
client.send();
client.onload = function () {
if (this.status >= 200 && this.status < 300) {
// Performs the function "resolve" when this.status is equal to 2xx.
// Your logic here.
resolve(this.response);
}
else {
// Performs the function "reject" when this.status is different than 2xx.
reject(this.statusText);
}
};
client.onerror = function () {
reject(this.statusText);
};
});
}
Пример простого использования:
$http({
method: 'get',
url: 'google.com'
}).then(function(response) {
console.log(response);
}, function(error) {
console.log(error)
});
4 ответа
Вы также можете сделать это:
<ul id="example">
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>
// possible 1
$('#example li:last').val();
// possible 2
$('#example').children().last()
// possible 3
$('#example li:last-child').val();
-
1– alekwisnia 4 October 2013 в 12:18
-
2– Philip 5 March 2014 в 16:30
-
3– Vic 7 June 2016 в 22:13
-
4– Yoram de Langen 8 June 2016 в 07:22
С помощью селектора : last-child ?
Есть ли у вас конкретный сценарий, в котором вам нужна помощь?
Для производительности:
$('#example').children().last()
или если вы хотите, чтобы последние дети с определенным классом комментировали выше.
$('#example').children('.test').last()
или конкретный дочерний элемент с определенным классом
$('#example').children('li.test').last()
Если вы хотите выбрать последнего ребенка и должны быть конкретными по типу элемента, вы можете использовать селектор last-of-type
. Вот пример:
$("div p:last-of-type").css("border", "3px solid red");
$("div span:last-of-type").css("border", "3px solid red");
<div id="example">
<p>This is paragraph 1</p>
<p>This is paragraph 2</p>
<span>This is paragraph 3</span>
<span>This is paragraph 4</span>
<p>This is paragraph 5</p>
</div>
В приведенном выше примере как в пункте 4, так и в пункте 5 будет иметь красную границу, поскольку пункт 5 является последним элементом типа «p» в div, а параграф 4 является последним «пролетом» в дела.