jquery - 如何使用jquery获取父元素的文本？

Question

我有一个 div，其中包含一个删除超链接，只要点击它，我想要 div 标签的文本。 jquery 怎么可能？!

<div>sometext<a href="#">delete</a></div>

我想获取 div 标签“sometext”的文本，如果可能的话，还获取该 div 的 id。有什么想法吗？!

Answer 1

这样做的问题:

$(this).parent().text();

它将获取 div 中的所有文本(某些文本并删除)。

我假设您只想要 div 中的文本而不是链接。

我在 jsFiddle 上举了一个例子:

http://jsfiddle.net/HK794/

理想情况下，您可能希望将文本包装在跨度中，例如:

<div id="div1"><span>sometext</span><a href="#">delete</a></div>

那么你的 JavaScript 将会是:

$("a").click(function(e){

    $div = $(this).parent("div");

    id = $div.attr("id");

    text = $div.find("span").text();

    alert( text  );

    e.preventDefault();
});

编辑

正如 @DarthJDG 所说，如果您不想更改标记，那么这些也都可以:

text = $div.get(0).childNodes[0].nodeValue;

//OR    
text = $div[0].childNodes[0].nodeValue;

//OR
text = $div.get(0).firstChild.nodeValue;

//OR
text = $div[0].firstChild.nodeValue;

//OR

//Gets the first text node
$div.contents().filter(function() {
    return this.nodeType == Node.TEXT_NODE;
}).text();