Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   не получается удалить блок (https://javascript.ru/forum/jquery/74526-ne-poluchaetsya-udalit-blok.html)

face2005 18.07.2018 13:13

не получается удалить блок
 
Добрый день! подскажите как удалить первый блок с классом 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();


но что-то никак...

j0hnik 18.07.2018 13:25

$('li.product-category .simple:first-child').remove();

j0hnik 18.07.2018 13:27

siblings это братский узел,
simple дочерний для a

face2005 18.07.2018 13:30

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>

j0hnik 18.07.2018 13:58

$('li.product-category .simple:first-of-type').remove();

face2005 18.07.2018 14:08

спасибо! сработало...

рони 18.07.2018 14:53

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.