jquery - 获取两个元素JQUERY之间的文本

Question

我的应用程序中有以下代码。

 <div title="Please Click Here to Expand" class="technology3 closedlanguage" headerindex="0h">
<span class="accordprefix">
<img src="http:www.test.com/expanded.gif" style="width:13px; height:13px; margin-Right:20px"> 
</span> 
  Need this text<span class="accordsuffix"></span></div>

我需要在“accordprefix”和“accordsuffix”类之间获取文本，即“需要此文本”

为此，我做了以下代码。

$(window).load(function(){
$(".accordprefix").each(function(){
alert($(this).next().html());
});
});

但它不起作用。请提出任何建议。

score 6 · Accepted Answer

6

你也可以看看

$.trim($($('.accordprefix')[0].nextSibling).text())

演示：小提琴

于 2013-11-04T12:31:48.393 回答

score 5 · Accepted Answer

怎么样：

console.log( $('.technology3').text() );

因为它是周围唯一的文本内容div，所以可以。

score 2 · Accepted Answer

2

$('.technology3).text().trim();

你想调用trim()它来清除它周围的垃圾空白空间。

于 2013-11-04T12:26:40.580 回答

score 1 · Accepted Answer

1

尝试这个：

$('.technology3').text();

于 2013-11-04T12:38:20.663 回答

score 1 · Accepted Answer

div.technology3如果有多个，试试这个，

$(".accordprefix").each(function(){
    alert($(this).closest('.technology3').text());// get the closest div.technology3 text
});

读取最接近（）和文本（）

如果div.technology3是单身，那么试试这个，

alert($('.technology3').text());

演示

score 0 · Accepted Answer

您可以使用 jQuery .nextUntil()来实现这一点

$("#id_of_first_ele").nextUntil("#id_of_second_ele").text().trim()

所以在你的情况下

$(".accordprefix").nextUntil(".accordsuffix").text().trim()

这将从 jQuery 1.4 开始工作。

score 0 · Accepted Answer

我会添加 2 个标记（只是一个小字符串，如 '~~~~'）。第一个之后span.accordprefix，第二个之前span.accordsuffix。然后我们需要获取的文本内容div.technology3，在我们的标记之间找到文本并存储它。然后我们需要删除标记。

查看.after() and .before()

jquery - 获取两个元素JQUERY之间的文本

7 回答 7

Related

Reference