Thay đổi Văn bản của Tùy chọn bằng jQuery

Question

Làm cách nào để thay đổi văn bản của một tùy chọn với jQuery?

Tôi muốn thay đổi Mới nhất bằng Cũ nhất trong một tùy chọn là thành phần <select>.

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

.replaceWith sẽ không hoạt động đối với tôi.

Cảm ơn.

---- Cập nhật ----

Nếu kịch bản của tôi trông như thế này:

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

Sau đó, tôi đang hủy ra kịch bản đầu tiên, tuy nhiên, đó không phải là những gì tôi muốn . Tôi có hai tùy chọn đọc "Mới nhất" mà tôi muốn thay thế bằng "Cũ nhất" và một tùy chọn đọc "Cũ nhất" mà tôi muốn thay thế bằng "Mới nhất". Làm thế nào tôi có thể thực hiện điều đó?

Answer 1

Bạn nên bắt đầu một câu hỏi mới nhưng đây là câu trả lời:

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

Answer 2

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

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

http://jsfiddle.net/eSa5p/

EDIT: Câu trả lời cho câu hỏi mới:

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

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

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

Answer 3

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

Answer 4

$("#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/