1

次のhtmlタグがあります。

<span class="ui-btn-text">ALFL</span>
<span class="ui-btn-text">AL</span>

ALFLを置き換えたい

<span class="ui-btn-text">A</span>

jqueryを通して。

利用した

$("span .ui-btn-text").replaceWith("<span class="ui-btn-text">A</span>");

しかし、それは機能していません。いくつか答えてください。

前もって感謝します。

4

6 に答える 6

2

セレクターは、ui-btn-textである親を持つクラスを持つ要素と一致しspanます。スペースを削除するだけです。

replaceWithまた、要素をそれ自体の複製にいくつかのコンテンツで置き換えていることにも気付きました。要素を置き換える必要はありません。テキストを設定するだけです:

$("span.ui-btn-text").text("A");
于 2012-08-29T13:41:58.053 に答える
1

何について

$("span.ui-btn-text").replaceWith("<span class='ui-btn-text'>A</span>");

また

$("span.ui-btn-text").text("A");
于 2012-08-29T13:42:30.910 に答える
0

ALFLテキストを変更したいだけの場合は、次のようにすることができます。

var $span= $('span.ui-btn-text');
$span.each(function(){
    if ($(this).text() =='ALFL') {
        $(this).text('A');
    }        
});

Js fiddleデモ： http： //jsfiddle.net/95CyN/

クラスui-btn-textを使用してすべてのスパンのtext/htmlを変更する場合は、次のようにします。

 // change the text inside the element
 $('span.ui-btn-text').text('A');

また

 // change the html content inside the element
 $('span.ui-btn-text').html('A');

また

  // Replace the html element
  $('span.ui-btn-text').replaceWith('<span class="ui-btn-text">A</span>');
于 2012-08-29T13:52:03.620 に答える
0

余分なスペース文字が含まれているため、セレクターは要素.ui-btn-next内のクラスを持つ要素を探しています。span

$("span.ui-btn-text").replaceWith("<span class="ui-btn-text">A</span>");

あなたが望むものでなければなりません。また、要素のコンテンツのみを変更する必要がある場合 (つまり、"A" に変更する必要がある場合)、text()orを使用しhtml()ます。

$("span.ui-btn-text").text('A');
于 2012-08-29T13:42:03.070 に答える
0 
$("span.ui-btn-text").replaceWith('<span class="ui-btn-text">A</span>');

あなたが書いた置換文字列は、Javascript エンジンをクラッシュさせようとしています。

于 2012-08-29T13:43:42.677 に答える
0 
Try this code friend:-

 $("span.ui-btn-text").each(function () {                   
                if ($(this).html() == "ALFL") {
                    $(this).html("A");
                }
            });
        });
于 2012-09-03T10:05:54.107 に答える