如何选择元素旁边的字符串?

时间:2012-09-11 22:48:26

标签: jquery

  

可能重复:
  Get the text after span element using jquery

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

我有

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

test this string....

我用过

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

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

感谢您的帮助。

3 个答案:

答案 0 :(得分:0)

您需要使用

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

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

            OR

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

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

答案 1 :(得分:0)

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

如果你愿意的话,你可以把它作为插件:)放在你的js文件中。

希望它符合需要:)

代码

jQuery.fn.justtext = function() {

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

};


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

答案 2 :(得分:0)

获取父元素的内容并过滤textnodes:

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

FIDDLE;