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

Чего я пытаюсь добиться, так это получить все rows после текущей строки. Он должен извлекать все строки после него, пока не перестанет иметь определенный класс. Пример:

<tr class = "clicked_el"></tr>
<tr class = "getme"></tr>
<tr class = "getme"></tr>
<tr class = "getme"></tr>
<tr class = "getme"></tr>
<tr></tr> //It should stop here
<tr class = "getme></tr>

Когда я нажимаю на tr с классом clicked_el. Я хочу получить все «tr» с классом getme до tr без класса getme.

Я пытался сделать это с nextAll не знал, как использовать фильтр с nextUntil

javascript jquery

08.04.2019 13:45

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

115

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

Вы можете использовать метод jQuery nextUntil() вместе с селектором псевдокласса :not.

$('tr.clicked_el').nextUntil(':not(.getme)')

$('tr.clicked_el').nextUntil(':not(.getme)').html('<td>selected<td>')

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table border=1>
<tr class = "clicked_el"></tr>
<tr class = "getme"></tr>
<tr class = "getme"></tr>
<tr class = "getme"></tr>
<tr class = "getme"></tr>
<tr></tr>
<tr class = "getme"></tr>
</table>

From jQuery nextUntil() docs :

Get all following siblings of each element up to but not including the element matched by the selector.

Дополнительный вопрос .. есть ли способ получить последний tr с getme после этого второго последнего tr

— 08.04.2019 14:13

@reyyoung $('tr.clicked_el tr:последний')

— 08.04.2019 15:40

08.04.2019 13:48

Ответ принят как подходящий

Вы можете использовать $(".clicked_el").nextUntil(":not(.getme)")

Это вернет:

<tr class = "clicked_el"></tr>
<tr class = "getme"></tr> <- This will be returned;
<tr class = "getme"></tr> <- This will be returned;
<tr class = "getme"></tr> <- This will be returned;
<tr class = "getme"></tr> <- This will be returned;
<tr></tr>
<tr class = "getme></tr>

Демо

console.info($(".clicked_el").nextUntil(":not(.getme)").length)

<script src = "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table>
  <tbody>
    <tr class = "clicked_el"></tr>
    <tr class = "getme"></tr>
    <tr class = "getme"></tr>
    <tr class = "getme"></tr>
    <tr class = "getme"></tr>
    <tr></tr>
    <tr class = "getme"></tr>
</tbody>
</table>

Дополнительный вопрос .. есть ли способ получить последний tr с getme после этого второго последнего tr

— 08.04.2019 14:13

08.04.2019 13:49