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());
});
});

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

Answer 1

您还可以查看

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

演示：Fiddle

Answer 2

怎么样：

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

因为它是周围div中唯一的文字内容，所以会有效。

Answer 3

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

您想在其上调用trim()以清除其周围的垃圾白色空间。

Answer 4

如果div.technology3为多个

，请尝试此操作

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

阅读closest()和text()

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

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

Demo

Answer 5

试试这个：

$（”技术3' 。）文本（）;

Answer 6

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

检查.after() and .before()

Answer 7

您可以使用jQuery .nextUntil()

实现此目的

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

所以在你的情况下它将是

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

这将从jQuery 1.4开始。

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

7 个答案: