не получается удалить блок
Добрый день! подскажите как удалить первый блок с классом simple
<ul> <li class="product-category"> <a href="#"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> <li class="product-category"> <a href="#"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> <li class="product-category"> <a href="#"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> </ul> пробую так: $('li.product-category a').siblings('simple:first').remove(); но что-то никак... |
$('li.product-category .simple:first-child').remove(); |
siblings это братский узел,
simple дочерний для a |
first-child не проканает, там еще картинка стоит
<ul> <li class="product-category"> <a href="#"> <img src="картинка.jpg"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> <li class="product-category"> <a href="#"> <img src="картинка.jpg"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> </ul> |
$('li.product-category .simple:first-of-type').remove(); |
спасибо! сработало...
|
face2005,
<!DOCTYPE html> <html> <head> <title>Untitled</title> <meta charset="utf-8"> <style type="text/css"> </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script> $(function() { $('.simple:first','li.product-category a').remove(); }); </script> </head> <body> <ul> <li class="product-category"> <a href="#"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> <li class="product-category"> <a href="#"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> <li class="product-category"> <a href="#"> <div class="simple">text text text </div> <h2>tiale</h2> <div class="simple">text text text </div> </a> </li> </ul> </body> </html> |
Часовой пояс GMT +3, время: 20:03. |