Durchlaufen alle Texteingabefelder mit Javascript (jQuery)

Ich würde gerne etwas mit allen meinen text-Bereiche, jedoch die Auswahl aller von Ihnen mit $("textarea") zu tun pflegte. Hier ist, was ich versuche zu tun, in Pseudo-code:

for each textarea do
  alert(textarea.val)

In meinem Fall, muss ich einen Word-Ersatz in der all meine Texteingabefelder, so dass ich dachte, es zu tun mit iteration wäre viel sauberer, aber ich kann nicht herausfinden, wie es zu tun.

Hier ist, was ich derzeit tun, was sehr mühsam ist:

var txtcode = $("#txt_banner1").text().replace("AFFURL",producturl);
$("#txt_banner1").text(txtcode);

var txtcode = $("#txt_banner2").text().replace("AFFURL",producturl);
$("#txt_banner2").text(txtcode);

... und auf und auf....

Dank!

InformationsquelleAutor Jeff | 2011-06-01
  1. 20
    $(function(){
    $("textarea").each(function(){
        this.value = this.value.replace("AFFURL",producturl);
    });
});

    Sehen funktionsfähige demo

    • +1 für die REGELMÄßIGE FREAKING JAVASCRIPT für die textarea-Wert anstelle von $(this).val() oder .text() Unsinn.
    • Akzeptiert dies, weil die regulären javascript, das sorgt für bessere Lesbarkeit. Danke! 🙂
    • Ich bekomme ReferenceError: textarea ist nicht definiert, wenn ich versuche, das zu tun $("textarea") aus meinem code. Ich bin ausgeführt dies innerhalb von my $(document).ready Funktion, ist diese nicht korrekt?
    InformationsquelleAutor rahul
  2. 8

    Können Sie .each Iteration über alle textarea Elemente und tun, was Sie brauchen, um mit Ihnen über jQuery.

    Live-Demo

    $('textarea').each(
    function(){
        alert($(this).val());
    }
);

    Referenz

    InformationsquelleAutor Loktar
  3. 3

    statt mit id
    tun unten

    $("textarea").each ( function () {

//whatever u want
});
    InformationsquelleAutor diEcho
  4. 1

    http://jsfiddle.net/PKenB/

    //alternative 1
$(function() {
    $('textarea').each(function() {
        alert($(this).text())
    })
})

//alternative 2 only those who has specific class  
$(function() {
    $('textarea.myTextArea').each(function() {
        alert($(this).text())
    })
})

//alternative 3, handpicked textareas    
$(function() {
    var handPicked = ['#2', '.myTextArea']
    for (x = 0; x < handPicked.length; x++) {
        alert($(handPicked[x]).text())
    }
})
    InformationsquelleAutor netbrain
Schreibe einen Kommentar