Jquery類選擇器不工作

Question

我有以下的html標籤。

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

我想通過與jQuery的

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

更換ALFL。

我用

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

但它無法正常工作。請給我一些答案。

在此先感謝。

Answer 1

如果你只是想改變ALFL文字，你可以做這樣的事情：

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

的js撥弄演示：所有跨度http://jsfiddle.net/95CyN/

如果你想改變的text/html帶班UI的BTN-文字，這樣做：

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

OR

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

OR

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

Answer 2

您的選擇器匹配具有ui-btn-text類的元素，其父類爲span。你只需要刪除空間。

我也注意到你的replaceWith用一些內容替換了自身的副本。有沒有需要更換的部件，只需設置文本：

$("span.ui-btn-text").text("A"); 

Answer 3

你的選擇是尋找與類的.ui-btn-next一個span元素中的元素，因爲你includied一個多餘的空格字符：

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

應該是你想要的。另外，如果你只需要改變元素的內容（即 「A」），使用text()或html()：

$("span.ui-btn-text").text('A'); 

Answer 4

關於什麼的

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

或

$("span.ui-btn-text").text("A"); 

Answer 5

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

你寫的替換字符串會使Jav ascript引擎崩潰。

Answer 6

Try this code friend:- 

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