Javascript-форум (https://javascript.ru/forum/)
-   Javascript под браузер (https://javascript.ru/forum/css-html/)
-   -   Проверка блоков и удаление при не соответсвии (https://javascript.ru/forum/css-html/59690-proverka-blokov-i-udalenie-pri-ne-sootvetsvii.html)

KEX 23.11.2015 16:16

Вложений: 2
Прикрепляю картинки для большей понимаймости
Как видите на первом скрине, я имею много дивов tradepoll
В каждом есть моё слово, допустим Slovo, но не во всех tradepoll только моё слово и больше ничего, могут быть и другие слова, допустим Knife(как в картинке).
И если замечены, другие кроме "Slovo", мне надо удалять эти блоки.

рони 23.11.2015 16:23

Цитата:

Сообщение от KEX
А что будет с тем div, где есть и нужный мне предмет и еще один?

так это вам нужно алгоритм разработать, чтоб был чёткий кретерий по какому параметру удалять :)

KEX 23.11.2015 16:26

Как вы поняли, в этом я практически не разбираюсь, поэтому и прошу помощи, хотяб наброски.

рони 23.11.2015 16:35

KEX,
<!DOCTYPE html>

<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="https://code.jquery.com/jquery-1.11.3.min.js">
</script>
  <script>
$(function () {
       var market = $('.marketPriced');
       market.each(function(indx, el){
             $('.name > b',el).text() != 'Slovo' && $(el).remove()
             });
  });
  </script>
</head>

<body>
  <div class="tradepoll">
       <div class="tradecnt">
      <form class="left">
        <div class="oitm marketPriced">
          <div class="oitm">
            <div class="name">
              <b>Slovo</b>
            </div>
          </div>
        </div>
         <div class="oitm marketPriced">
          <div class="oitm">
            <div class="name">
              <b>Knife</b>
            </div>
          </div>
        </div>
         <div class="oitm marketPriced">
          <div class="oitm">
            <div class="name">
              <b>Slovo</b>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>

  <div class="tradepoll">
       <div class="tradecnt">
      <form class="left">
        <div class="oitm marketPriced">
          <div class="oitm">
            <div class="name">
              <b>Slovo</b>
            </div>
          </div>
        </div>
         <div class="oitm marketPriced">
          <div class="oitm">
            <div class="name">
              <b>Knife</b>
            </div>
          </div>
        </div>
         <div class="oitm marketPriced">
          <div class="oitm">
            <div class="name">
              <b>Slovo</b>
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</body>
</html>

KEX 23.11.2015 22:27

Это не совсем то, что мне нужно.
Может можно как нибудь сделать так, JS будет проверять на количество подблоков в div. И если их больше 1-ого, то удалять этот блок?)
Поможете? Спасибо!

рони 23.11.2015 22:39

KEX,
:-?
$(function () {
       $('.marketPriced:nth-child(n+2)').remove();

  });

KEX 23.11.2015 23:25

Уже что-то работает, спасибо огромное!
Но есть недочет, ваша функция работает только с классом div? Как сделать, чтобы чтобы и с form class тоже работала?)

рони 23.11.2015 23:54

KEX,
изучайте css и jquery делайте с дочётами


Часовой пояс GMT +3, время: 02:18.