Iterating through all Textareas with Javascript (jQuery)

Question

I would like to perform something with all my text areas, however selecting all of them with $("textarea") wont do. Here's what I am trying to do in Pseudo code:

for each textarea do
  alert(textarea.val)

In my case, I need to do a Word replacement in all of my textareas, so I thought doing it with iteration would be a lot cleaner, however I cant figure out how to do it.

Here is what I currently do, which is very tedious:

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

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

... and on and on....

Thanks!

rahul · Accepted Answer · 2011-06-01 13:15:14Z

25

$(function(){
    $("textarea").each(function(){
        this.value = this.value.replace("AFFURL",producturl);
    });
});

See a working demo

answered Jun 1, 2011 at 13:15

rahul

187k50 gold badges239 silver badges266 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Thomas Shields Over a year ago

+1 for REGULAR FREAKING JAVASCRIPT for getting the textarea's value instead of $(this).val() or .text() nonsense.

Jeff Over a year ago

Accepted this one because of the regular javascript, which makes for better readability. Thanks! :)

crusarovid Over a year ago

I get ReferenceError: textarea is not defined when I try to do $("textarea") from within my code. I am executing this from within my $(document).ready function, is this not correct?

Loktar · Accepted Answer · 2011-06-01 13:20:14Z

9

You can use .each to iterate over all of the textarea elements and do what you need to with them via jQuery.

Live Demo

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

Reference

edited Jun 1, 2011 at 13:20

answered Jun 1, 2011 at 13:14

Loktar

35.3k7 gold badges96 silver badges106 bronze badges

Comments

xkeshav · Accepted Answer · 2011-06-01 13:15:03Z

3

instead using id do below

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

// whatever u want
});

answered Jun 1, 2011 at 13:15

xkeshav

54.2k47 gold badges183 silver badges255 bronze badges

Comments

netbrain · Accepted Answer · 2011-06-01 13:21:11Z

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())
    }
})

Collectives™ on Stack Overflow

Iterating through all Textareas with Javascript (jQuery)

4 Answers 4

3 Comments

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

Comments

Comments

Comments

Related