有关jQuery选择器的问题

如何解决有关jQuery选择器的问题

|

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

我的html具有上述结构。我想在yyy位置插入一些内容。您能让我知道选择器是什么吗？ 我将选择器传递给某个函数，该函数将执行

$(selector).html(\'content\')

    

解决方法

        

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/     ,        您可以使用jQuery .prepend（）函数（将由参数指定的内容插入到匹配元素集中每个元素的开头）：

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

    ,        

yyy

应该在block元素中重新放置，以便您轻松发现它，否则，除了hacky，我没有其他选择：

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

实时示例：http：//jsfiddle.net/MTu6c/     ,        我认为没有一个魔术选择器可以在容器内选择一些纯文本，但不能选择所有内容。 如果要将\'yyy \'替换为\'某些内容\'，则可以执行以下操作：

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

    ,        您发布的标记的\“ yyy \”部分在DOM中表示为文本节点。 jQuery没有隔离文本节点的任何方法或选择器，但DOM有。 请参阅此处（您的问题可能被认为是此问题的重复）： 如何使用jQuery选择文本节点？