Вопрос выбора jQuery

Question

Мне нужно добавить HTML, чтобы это

<div id="table_div">
    <h1>
        <font color="grey">
            <span>spend</span>
        </font>
    </h1>           
</div>

становится этим

<div id="table_div">
    <h1>
        <font color="grey">
            <span>spend</span>
            <span>new word</span>
        </font>
    </h1>           
</div>

Существует несколько кратных значений этих div, все с разными идентификаторами div, поэтому селектор должен начинаться с div id. Как мне написать селектор для этого?

Answer 1

Дайте это. Функция .after добавляет содержимое после любых соответствующих элементов (см. http://api.jquery.com/after/)

$("#table_div span:last").after("<span>new word</span>");

Answer 2

Это добавит к элементу шрифта, как вы описали, что вы хотели:

$("#table_div font").append("<span>new word</span>");

Вот пример для jsFiddle: http://jsfiddle.net/PZEDG/

Answer 3

Если вы хотите нацелиться на конкретный элемент шрифта (если у вас их несколько)

$("#table_div h1 font[color=gray]").append("<span>new world</span>")