вопрос относительно селектора jQuery

Question

<div id="foo">yyy<span>xxx</span></div>

У меня есть вышеупомянутая структура для моего HTML.Я хочу вставить какой-либо контент в yyy позицию.Можете ли вы дать мне знать, что будет для него?Я бы передал этот селектор к некоторой функции, и эта функция будет делать $(selector).html('content')

Answer 1

var s = $('#foo span');
$('#foo').text("hello").append(s);

Демо: http://jsfiddle.net/uTNTF/

Или, если обновление HTML является опцией, то просто добавив yyy в <span>, вы упростите свою жизнь:

$('#foo span:first-child').text("hello");

Демо: http://jsfiddle.net/uTNTF/1/

Answer 2

Вы можете использовать функцию jQuery .prepend () (вставить содержимое, указанное параметром, в начало каждого элемента в наборе соответствующих элементов):

$('#foo').prepend('some content');

Answer 3

yyy должен отображаться в элементе блока, чтобы вы могли легко его обнаружить, в противном случае я не вижу другого выбора, кроме хакерского:

$('#foo').html($('#foo').html().replace('yyy','')).find('span').before('new content');

Живой пример: http://jsfiddle.net/MTu6c/

Answer 4

Размещенная вами разметка «гггг» представлена ​​в DOM как текстовый узел. В jQuery нет методов или селекторов для изоляции текстовых узлов, но в DOM есть.

Смотрите здесь (ваш вопрос может рассматриваться как дубликат этого): Как выбрать текстовые узлы с помощью jQuery?

Answer 5

Я не думаю, что есть один магический селектор, который выделит какой-то простой текст внутри контейнера, но не весь контент.

Если вы хотите заменить «yyy» на «некоторый контент», вы можете сделать что-то вроде следующего:

$('#foo').html('some content' + $('#foo span').html())