Как отобразить заданный html-код в div с одинаковым классом только в определенных блоках?

Question

[Иван Ильясов]

Здравствуйте, я пытаюсь сделать скрипт на JS.

HTML-код ниже:

<div class="111">
    <div class="Не фиксированный, автоматически изменяемый класс">
        <div class="block1">
            <div class="new"></div>
            <div class="new"></div>
        </div>
    </div>
</div>

<div class="222">
    <div class="Не фиксированный, автоматически изменяемый класс">
        <div class="block1">
            <div class="new"></div>
            <div class="new"></div>
        </div>

    </div>
</div>

<div class="333">
    <div class="Не фиксированный, автоматически изменяемый класс">
        <div class="block1">
            <div class="new"></div>
            <div class="new"></div>
        </div>
    </div>
</div>

Возникла такая задача:
Нужно создать переменную, которая выводила заданный html-код (например: <div>La-la-la</div>) во все элементы с классом "new", но только если этот элемент с "new" находится во втором блоке <div class="222">, а если в других, то выводила пустое значение.

P.S: В html-коде ничего менять нельзя.

Comments

[1001001 111]

Иван Ильясов Возьмите на вооружение jQuery, он позволит легко манипулировать DOM элементами, в Вашем примере будет так: jsfiddle.net/h80jpgh2

[Иван Ильясов]

test test: Ваш код заменяет содержимое, которое уже есть в блоке с классом new

[1001001 111]

Иван Ильясов "Нужно создать переменную, которая выводила заданный html-код (например: La-la-la) во все элементы с классом "new""
Про то что не надо заменять содержимое ничего не сказано
P.S.
Если необходимо добавить код в начало Блока , используйте функцию prepend()
Если необходимо добавить код в конец Блока , используйте функцию append()

Answer 1

[Леонид Сысолетин]

Это что, какое-то задание?

jQuery('.222').find('.new').html("<div>La-la-la</div>");

Comments

[Иван Ильясов]

Ваш код заменяет содержимое, которое уже есть в блоке с классом new

[Леонид Сысолетин]

Иван Ильясов: А где написано, что надо добавлять? =)
Напишите .append вместо .html, и будет вам щясте.

Answer 2

[Антонов Денис]

Или так
jQuery('.222 .new').html("<div>La-la-la</div>");