Question

I have following html tags.

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

I want to replace ALFL with

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

through jquery.

I have used

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

But it is not working. Please give me some answers.

Thanks in advance.

Answer 1

If you just want to change the ALFL Text , you can do something like this :

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

Js fiddle Demo : http://jsfiddle.net/95CyN/

If you want to change text/html of all span with class ui-btn-text, do this:

 // 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>');