Jak zmienić tekst opcji za pomocą jQuery?Zmiana tekstu opcji za pomocą jQuery

Chciałbym zmienić najnowszy z najstarszym w opcji jest element <select>.

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

.replaceWith nie będzie działać dla mnie.

Dzięki.

---- Aktualizacja ----

Jeśli mój skrypt wygląda tak:

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

wtedy jestem anulowaniu pierwszego scenariusza, jednak, że nie jest to, co chcę . Mam dwie opcje, które brzmią "Najnowsze", które chciałbym zastąpić słowem "Najstarsze" i takie, które brzmią "Najstarsze", które chciałbym zastąpić słowem "Najnowsze". Jak mogę to zrobić?

Źródło

2012-02-27 henryaaron

Does [text()] (http://api.jquery.com/text/) nie działa dla Ciebie? –

Twoja składnia jest zepsuta. Gdzie znalazłeś metodę ".changeText"? –

@amnotiam To był element zastępczy, aby wyświetlić to, co próbowałem osiągnąć. – henryaaron

należy rozpocząć nowe pytanie ale oto odpowiedź:

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

Źródło

2012-02-27 02:34:56 qwertymk

Jest to niepotrzebne trzecie zapytanie o dom. Po utworzeniu obiektu jQuery zachowuje listę elementów, które zostały dopasowane w momencie tworzenia. Po prostu zapisz obiekty jquery do zmiennej przed modyfikacją. Nie musisz pytać o dodatkowy czas. –

Podoba mi się kreatywność, +1 – henryaaron

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

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

http://jsfiddle.net/eSa5p/

EDIT: Odpowiedź na nowe pytanie:

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

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

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

Źródło

2012-02-27 01:45:25

Dzięki, czy możesz mi pomóc w zaktualizowanym pytaniu? – henryaaron

odpowiedź została zaktualizowana. –

Niestety, nie zadziałało to dla mnie, chociaż byłoby to preferowane – henryaaron

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

Źródło

2012-02-27 05:05:39 mVChr

Pytasz DOM 4 razy, gdy dwa razy jest wszystko, co jest potrzebne. Po utworzeniu obiektu jQuery zachowuje listę elementów, które zostały dopasowane w momencie tworzenia. Po prostu zapisz obiekty jquery do zmiennej przed modyfikacją. Nie ma potrzeby wysyłania dodatkowych zapytań 2 razy, a także niepotrzebnego dodawania i usuwania klas. –

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

Źródło

2012-02-27 07:48:51 Diode

Zmiana tekstu opcji za pomocą jQuery

---- Aktualizacja ----

Odpowiedz

Powiązane problemy