0

如何通过 jQuery 或 Javascript 获取此输出:

HTML:

This is a <span class="getClass" >test</span> for javascript and jquery Then suppose <span class="getClass" >it</span>. how can i change it in multiple line <span class="getClass" >look</span> like this

输出:

This is a test for javascript and jquery

我尝试了一些代码,但它不起作用,例如:

<Script>
        $('.getClass').unwrap();
</script>

但它删除了父元素而不是元素本身。

我只有类选择器访问元素并想删除整个元素。我无法阅读元素内的文本。

谢谢你。

4

4 回答 4

1

试试这个,

现场演示

$('.getClass').replaceWith($('.getClass').text());

如果您不想更改 DOM,但只需要获取没有 span 标签的文本,那么您可以使用

$('.getClass').text();
于 2012-07-09T12:16:36.147 回答
1

您应该能够将其设置为文本内容(请参阅text()

$(containerSelector).text(function (_, text) {
    return text;
});
于 2012-07-09T12:16:49.517 回答
0

基本上,您只需要文本。使用.textget 返回所有标签自动剥离的文本。通过使用.text设置文本,您可以有效地删除它们:http: //jsfiddle.net/s4DJP/

$("...").text(function(i, text) {
  return text;
});
于 2012-07-09T12:16:36.320 回答
0

更通用,使用正则表达式:

$().ready(function(){
var htmlstr = 'This is a <span class="getClass" >test</span> for javascript and jquery';
var regex = /(<([^>]+)>)/ig;
    var plainstr = htmlstr.replace(new RegExp(regex ), "");
    alert(plainstr );
});​

http://jsfiddle.net/Qjvxf/4/

于 2012-07-09T12:45:34.253 回答