jquery - 无法获取分离元素jQuery的文本值

Question

我有以下 HTML 代码：

<p id="1">Hello there.</p>
<p id="2">To be removed.</p>

但是，我正在分离<p id="2">元素，它应该会消失。<p>但是，在调用jQuerydetach()函数后，我无法检索该元素内的文本值。jQuery代码如下：

$(document).ready(function() {
    var p = $('#2').detach();
    alert($('#2').val());
});

在被调用之后 ，我无法让文本值出现在警报框中，而不是之前。detach()谁能帮帮我。谢谢你。

Answer 1

两件事情：

1. p元素没有值（用于表单字段），它们有内容。使用text或html，不使用val。

2. 您正在尝试再次查找它，但当然不会找到它。您需要使用您创建的变量。

   $(document).ready(function() {
       var p = $('#2').detach();
       //      v----- use `text` or `html`
       alert(p.text());
       //    ^---- use the variable `p`, don't try to look it up a second time
   });
   

---

旁注：#2是一个无效的id选择器。id 不能以数字开头。

Answer 2

您在已分离的文档中找不到元素。

使用对包含存储在p变量中的元素的 jQuery 对象的引用：

var p = $('#2').detach();
alert(p.text());

演示：http: //jsfiddle.net/jWb49/