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

Question

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

0

Извините за плохой титул, я не уверен, как сформулировать эту проблему.

Мне нужна помощь в написании jQuery или javascript-селектора, чтобы получить каждый childBlock, который не является первым. Существует N число родительских блоков div с по меньшей мере одним дочерним элементом childBlock div. Мы хотели бы изменить некоторые метки для каждого последующего дочернего div после первого. Каков наиболее эффективный способ выбора этих элементов?

<div class="parentBlock">
    <div class="elementHead">
    </div>
    <div class="elementBody">
        <div class="childBlocks">
            <div class="childBlock" id='1'>
            </div>
            <div class="childBlock" id='2'>
            </div>
            <div class="childBlock" id='3'>
            </div>
            <div class="childBlock" id='4'>
            </div>
            ...
        </div>
    </div>
<div>
<div class="parentBlock">
    <div class="elementHead">
    </div>
    <div class="elementBody">
        <div class="childBlocks">
            <div class="childBlock" id='5'>
            </div>
            <div class="childBlock" id='6'>
            </div>
            <div class="childBlock" id='7'>
            </div>
            <div class="childBlock" id='8'>
            </div>
            ...
        </div>
    </div>
<div>

Поэтому в приведенном выше примере я хотел бы выбрать childBlocks с идентификатором 2, 3, 4, 6, 7, 8. В моем фактическом коде эти div не имеют идентификатора, они просто классифицируются, если это делает разница вообще.

Я пробовал:

$(".parentBlock").find(".childBlock").not(':first').find('label.category ').text("Subcategory");

Но, похоже, на экране появляется первый childBlock, пропустите его, затем примените изменение текста к любому другому дочернему блоку childBlock, который он находит.

Мысли или предложения?

idonaldson 22 окт. 2013, в 22:49

Источник

0

$(".childBlock").not(':first') не делает то, что вы хотите?
j08691 22 окт. 2013, в 20:04

Теги:

javascript

jquery

html

css

2 ответа

1

как насчет чего-то подобного?

$(".childBlocks:not(:first-child)") (do something here)

Sergio Wizenfeld 22 окт. 2013, в 17:23

Ещё вопросы

$(".childBlock").not(':first') не делает то, что вы хотите?

Jason P · Accepted Answer · 2013-10-22T17-24-00.000Z

Вы были очень близки. Вы хотите first-child, а не first:

http://jsfiddle.net/pMYWS/

$(".parentBlock").find(".childBlock").not(':first-child').text("Subcategory");

(Я предполагаю, что label.category присутствует в вашем реальном коде, который не показан в этом демонстрационном фрагменте)

Это сделал это. Не могу поверить, что это было маленьким изменением. Благодарю.