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

您的选择器正在寻找一个元素.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

如果您只想更改ALFL Text ，您可以执行以下操作：

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

Js小提琴演示：http: //jsfiddle.net/95CyN/

如果你想用类 ui-btn-text 更改所有 span 的 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 
Try this code friend:-

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