Как я могу добавить тег <h1> внутри диапазона с помощью jQuery?

Question

jsFiddle

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

Стиль:

h1 {font-size:250%;color:red;}

HTML:

<span class="note">
    <h1>
        some text
    </h1>
</span>

Я запускаю это:

$('.note:first-child').append("more text");

Но текст добавляется после тега заголовкаи, следовательно, к нему не применяется стиль заголовка.Как я могу добавить к заголовку?

Answer 1

http://jsfiddle.net/bTubp/2/

$('.note h1:first-child').append("more text");

для вставки внутрь первого h1 каждого .note класса

и

$('.note:first-child h1').append("more text");

для вставки внутреннего текста для h1 первого .note класса

Для первого h1 первого .note

$('.note:first-child h1:first-child').append("more text");

Answer 2

Вам нужно место для селектора, чтобы сделать то, что вы имеете в виду:

$('.note :first-child').append("more text");

или

$('.note > :first-child').append("more text");

См. ДЕМО:

• http://jsfiddle.net/bTubp/3/
• http://jsfiddle.net/bTubp/4/

Когда вы говорите: .note:first-child это означает что-то с примечанием класса, которое также является первым дочерним элементом его родителя . Когда вы говорите: .note :first-child, это означает что-то, что является первым потомком его родителя и находится внутри (может быть, глубоко) чего-то с примечанием класса . Когда вы говорите: .note>:first-child, это означает: что-то, что является первым потомком его родителя, и у его родителя есть примечание класса , и это, вероятно, то, что вы имели в виду.

Я вижу, что уже есть много ответов до того, как я закончу писать, но я все равно опубликую это, потому что я надеюсь, что это объясняет , почему ваш селектор не работал.

Answer 3

$('.note:first-child h1').append("more text");

Answer 4

$(".note h1:first").append("more text");

Это будет искать класс ".note", за которым следует первый тег h1.