Pass a string as an id name into jQuery from an array javascript

Question

I want to make a javascript that randomly takes a string from an array and uses it as a jQuery selector but I don't know how.

$(document).ready(function() {
    var x = Math.floor(Math.random() * 10 + 1);
    var array = ["img1", "img2", "img3", "img4", "img5", "img6", "img7", "img8", "img9", "img10", "img11"];
    $("id[name^=array[x]]").click(function() {
        var src1 = $("id[name^=array[x]]").attr("src");
        var src2 = $("#img").attr("src");
        if (src1 != src) {
            $("#img").attr("src", src1);
        }
    });
    $("id[name^=array[x]]").trigger("click");
})

It doesn't work if I write "id[name^=array[x]]", it says:

"Uncaught Error: Syntax error, unrecognized expression: id[name^=array[x]]"

"id[name^=" + array[x] + "]"

MinusFour
– MinusFour

2015-08-25 14:27:43 +00:00
Commented Aug 25, 2015 at 14:27 — MinusFour
– MinusFour, Commented Aug 25, 2015 at 14:27

palaѕн · Accepted Answer · 2015-08-25 14:42:52Z

1

You can try like this:-

$(document).ready(function () {
    var x = Math.floor(Math.random() * 10 + 1);
    var array = ["img1", "img2", "img3", "img4", "img5", "img6", "img7", "img8", "img9", "img10", "img11"];
    var $id = $("[name^=" + array[x] + "]");
    console.log($id);
    $id.click(function () {
        var src1 = $id.attr("src");
        var src2 = $("#img").attr("src");
        if (src1 != src) {
            $("#img").attr("src", src1);
        }
    });
    $id.trigger("click");
});

EDIT:

Your selector is wrong here. So, if you want to select elements w/ id like img1, img2, etc. you need to use:-

var $id = $("[id^=" + array[x] + "]");

In case you want to get elements with name like img1, img2, etc. you need to use:-

var $name = $("[name^=" + array[x] + "]");

Please modify the code based on your requirements.

Hope this helps!

edited Aug 25, 2015 at 14:42

answered Aug 25, 2015 at 14:29

palaѕн

74.2k17 gold badges123 silver badges140 bronze badges

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

2 Comments

Bobernac Alexandru Over a year ago

Problem solved, I wrote like this: var src = $("#"+array[x]).

palaѕн Over a year ago

@BobernacAlexandru Cool. If the img1 is just a id you can use it simply like that. Please do mark the answer as accepted to help other users too.

Collectives™ on Stack Overflow

Pass a string as an id name into jQuery from an array javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related