Форум

face2005 · #1 (**permalink**) 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 · #2 (**permalink**) 18.07.2018, 13:25

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

j0hnik · #3 (**permalink**) 18.07.2018, 13:27

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

face2005 · #4 (**permalink**) 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 · #5 (**permalink**) 18.07.2018, 13:58

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

face2005 · #6 (**permalink**) 18.07.2018, 14:08

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

рони · #7 (**permalink**) 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>

Форум

Справочник

Discord чат

Курсы javascript