Как выбрать (не добавить), а выбрать dom после известного dom?

Question

[dellakeram]

Привет
Как выбрать с помощью jquery или чистого js обьект после известного элемента?

Есть структура:

<div id="name">
    <div id="item_1">
        <i>Text content item 1</i>
    </div>
        <div class="decor"></div>
        
    <div id="item_2">
        <i>Text content item 2</i>
    </div>
        <div class="decor"></div>
        
    <div id="item_3">
        <i>Text content item 3</i>
    </div>
        <div class="decor"></div>
        
    <div id="item_4">
        <i>Text content item 4 (последний див с id=item_4)</i>
    </div>
        <div class="decor"></div> 
</div>

Вот после div с id=item_4 идёт декоративный div с классом decor, как его выбрать и в последствии удалить или применить (display:none лучше скрыть конечно)?

(пробовал возможность jquery по выборке:

$("#name .decor:eq(-1) ").remove(); // .css('display','none')

и вроде оно не хочет работать.

И к заметке, страница генерируется автоматически (это больше приложение)

Хотелось бы что то вроде способа After (jquery), но он только добавляет(

Answer 1

[ThunderCat]

next()?
или если он всегда класс decor
$('.decor').hide()

Comments

[dellakeram]

спасибо, next() помог, дивов с классом decor куча, а команда выключит их все)