jquery - 如何选择元素旁边的字符串？

Question

可能重复：
使用 jquery 获取 span 元素之后的文本

我正在尝试选择 span 元素旁边的文本。

我有

    <span class='spanClass'>span text</span>

test this string....

我用了

$('.spanClass').next().val() ->give me undefined....

//how to get the 'test this string....'?

谢谢您的帮助。

Answer 1

你需要使用

<div>
    <span class='spanClass'>span text</span> 
    <label>Hello World!!</label>
</div>

   $('.spanClass').next().text();

            OR

   $('.spanClass').next().html();

.val() 用于输入元素.. .text() 用于标签和 div

Answer 2

工作演示有点不同:) http://jsfiddle.net/4Rx2r/

如果需要，您也可以将其作为插件放入您的 js 文件中:)。

希望能满足需求:)

代码

jQuery.fn.justtext = function() {

    return $(this).clone()
            .children()
            .remove()
            .end()
            .text();

};


alert($('.spanClass').parent().justtext());
​

Answer 3

获取父元素的内容并过滤文本节点：

var text = $('.spanClass').parent().contents().filter(function() {
    return this.nodeType===3;
});

小提琴;