Как удалить последний DIV с помощью jQuery?
у меня есть следующий формат:
<div id="container1">
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
</div>
<div id="container2">
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
<div id="post"> blah blah blah </div>
</div>
Я хочу, чтобы код jQuery удалил последнее "сообщение" DIV в "container1" с исчезающим эффектом.
Важный: "container1" не имеет указанного числа ОТДЕЛЕНИЙ "сообщения". таким образом, код должен просто выбрать последнее отделение "POST" в "container1" отделении.
Спасибо
3 ответа
$ («# Container1 #post: последний»). Fadeout () удалит последний Div с идентификатором «Post» в «Container1».
Также, как сказал Гумбо, идентификаторы должны быть уникальными. Однако этот код JQuery все равно будет работать.
Идентификаторы должны быть уникальными в документе. Так селектор #post , вероятно, не будет работать. Но это должно работать в любом случае:
$("#container1").children("div[id=post]:last").fadeOut();
Чтобы точно настроить синхронизацию Fadeout, вы можете использовать Скрыть вместо этого:
$(document).ready(function() {
$("#container2 div:last").hide(2000);
});