Question

我有这样的事情：

<div id="myId">
     <p></p>
</div>

我想在<p></p>标签之间注入一些简单的文字，但现在肯定不要通过首先通过div然后其相关<p>

来引用dom

截至今天，我正在使用最新版本的jQuery。

Answer 1

使用此选择器$('#myId p')

要插入文字，您可以使用.html()

<强>的jQuery

$('#myId p').html('Hello World')

<强> Check Fiddle

纯Javascript

var children = document.getElementById("myId").children;
for(var i = 0; i < children.length; i++) {
    if(children[i].tagName == 'P') {
        children[i].innerHTML = 'Hello World !!';
    }
}

<强> Fiddle

Answer 2

使用子选择器

$("#myId > p").text('a');

Answer 3

注入文字

$('#myId').find('p').text('Hello');

注入html

$('#myId').find('p').html('<h1>Hello</h1>');

Answer 4

您只需使用

即可

$("#myId p").text("Hello World");

Answer 5

$('#myID p').text('content');应该这样做

Answer 6

我认为这应该有效：$（“＃myID p”）。text（“asdf”）

Answer 7

你可以这样做

如果只是文字而不是

 $('#myId p').text('your text');

如果它只是html代码，如span或

以外的其他内容

 $('#myId p').html('your hmtl');

在<p>之间注入文本，该文本位于</p> <div> </div>中

7 个答案: