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

基本的に、テキストのみが必要です。getを使用.textすると、すべてのタグが自動的に削除されたテキストが返されます。テキストを設定するために使用.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 に答える