jQuery Найти первый подходящий элемент после заданного

215

06 марта 2019, 10:50

Как можно найти первый подходящий элемент от заданного? Т.е кликаем по первому элементу с классом test, а добавляем класс следующему элементу с классом test, причем неизвестно сколько элементов одного уровня между ними.

    <div class="parent">
        <div></div>
        <div></div>
        <div class="test ЖМЁМ НА НЕГО"></div>
        <div></div>
        Неизвестное количество элементов
        <div></div>
        <div class="test КЛАСС СЮДА"></div>
        <div></div>
    </div>

Answer 1

$(".parent .test").eq(0).click(function(){ 
  var el = $(this).nextAll(".test").first(); 
  console.log(el.attr("class"), el.text()); 
  el.addClass("red-text"); 
});

.red-text { 
  color: red; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div class="parent"> 
  <div></div> 
  <div></div> 
  <div class="test ЖМЁМ НА НЕГО">First element</div> 
  <div></div> 
  Неизвестное количество элементов 
  <div></div> 
  <div class="test КЛАСС СЮДА">Second element</div> 
  <div></div> 
  <div class="test КЛАСС СЮДА">Third element</div> 
</div>

Создание интернет-магазина посуды в ABCname

ПОСЛЕДНИЕ ВОПРОСЫ

Все вопросы

ТОП-10

Все популярные вопросы

Bot Framework v4 отправка сообщения по таймеру

Пытаюсь разобраться, как сделать простого бота, который бы по таймеру отправлял некоторое сообщение

209

Сохранение данных в EF Core

Есть модель в проекте

208

Не работают точки останова в MonoDevelop

Суть проблемы такая - есть класс на C#, метод которого нужно отладитьЯ в MonoDevelop 7

260

Реализация метода Remove для своей коллекции на базе массива

Как реализовать для своей коллекции метод Remove(T item) (такой же, как в List<>), удаляющий указанный элемент, но не меняющий реальной емкости массива?

209