Измените текст опции с помощью jQuery

Как изменить текст опции с помощью jQuery?

Я хотел бы изменить Newest with Oldest в опции - это элемент <select>.

$('select option:contains("Newest")').changeText('Oldest');

.replaceWith не будет работать для меня.

Спасибо.

---- Обновление ----

Если мой script выглядит так:

$('select option:contains("Newest")').text('Oldest');
$('select option:contains("Oldest")').text('Newest');

Затем я отменяю первый script, но это не то, что я хочу. У меня есть два варианта: "Новейший", который я бы хотел заменить на "Oldest", и тот, который читает "Oldest", который я бы хотел заменить "Новейшим". Как я могу это сделать?

Ответы

Ответ 1

Вы должны начать новый вопрос, но вот ответ:

$('select option:contains("Newest")').text('TEMPEST');
$('select option:contains("Oldest")').text('Newest');
$('select option:contains("TEMPEST")').text('Oldest');

Ответ 2

$('select option:contains("Newest")').each(function(){
   var $this = $(this);

   $this.text($this.text().replace("Newest","Oldest"));    
});

http://jsfiddle.net/eSa5p/

EDIT: ответьте на новый вопрос:

var $newest = $('select option:contains("Newest")');

$('select option:contains("Oldest")').text('Newest');
$newest.text('Oldest');

http://jsfiddle.net/eSa5p/3/

Ответ 3

$("#mySelect option").html(function(i,str){
  return str.replace(/Newest|Oldest/g,  // here give words to replace
     function(m,n){
         return (m == "Newest")?"Oldest":"Newest";  // here give replacement words
     });
});

demo: http://jsfiddle.net/diode/eSa5p/2/

Ответ 4

$('select option:contains("Newest")').addClass('changeToOldest');
$('select option:contains("Oldest")').addClass('changeToNewest');
$('.changeToOldest').text('Oldest').removeClass('changeToOldest');
$('.changeToNewest').text('Newest').removeClass('changeToNewest');