使用jQuery获取<p>标签内容

Question

我希望你能用jQuery获取以下HTML代码中`P`标签的内容。

<div id="div_id_disciplina" class="form-group  ">
<label for="id_disciplina" class="control-label  ">
    Disciplina
</label>
<div class="">
    <ul class="token-input-list-facebook">
        <li class="token-input-token-facebook">
            <p>Áudio e Vídeo</p>
            <span class="token-input-delete-token-facebook">×</span>
        </li>
        <li class="token-input-input-token-facebook">
            <input type="text" autocomplete="off" id="token-input-id_disciplina">    
        </li>
    </ul>
    <textarea class="form-control" id="id_disciplina" name="disciplina"></textarea>
</div>

如何实现呢？提前感谢您。

- Alex Pereira

Answer 1

用$('p')查询它，使用.text()函数获取innerHTML中的文本。

$('p').text()

- Wio

Answer 2

$('p').text() 会获取段落标签内的文本。

- Josh

---

如果有多个段落标签，那么你应该为它添加一个类名，并以这种方式进行选择。 - Josh

Answer 3

你可以按照以下方式完成：

// If you want to get the html content
$(".token-input-token-facebook p").html();

// Or if you want to get the text
$(".token-input-token-facebook p").text();

- Kyle Emmanuel

---

成功了！谢谢。我也添加了id_disciplina类。var p = $（“#div_id_disciplina .token-input-token-facebook”）.find（'p'）; - Alex Pereira

Answer 4

//when document is load
$(function(){
    //get the children of element
    var p = $(".token-input-token-facebook").find('p');
    //and then get the text
    alert(p.text());
})

实例演示：http://jsfiddle.net/r39qu/

- viniciuswebdev

---

var p = $("#div_id_disciplina .token-input-token-facebook").find('p'); 变量p = $（“#div_id_disciplina .token-input-token-facebook”）.find（'p'）; - Alex Pereira

Answer 5

只需找到它并获取其文本。

var value = $("ul li.token-input-token-facebook > p").text();

- David Barker