Function argument with jQuery selector

Question

Folks, this works correctly for me to hide any element where the class name starts with "o"

function hider() {$("*[class^=o]").hide();}

Now I'd like to be able to pass that "o" string in as the function's argument, and I have trouble with the syntax. Any help is appreciated.

jmacboy · Accepted Answer · 2012-03-26 01:46:54Z

3

It seems that something like this will work:

function hider(startsWith) { $("*[class^="+startsWith+"]").hide(); } try it in this fiddle: http://jsfiddle.net/JECUL/

answered Mar 26, 2012 at 1:46

jmacboy

3233 silver badges16 bronze badges

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

2 Comments

user1032402 Over a year ago

Almost: The 1st line below works, but only with the fixed argument. The 2nd line fails quietly. $("*[class^='z']").hide(); $("*[class^="+startsWith+"]").hide(); How can I pass the argument?

jmacboy Over a year ago

It works for me in both ways, tried it in the fiddle. if that way fails try this: $("*[class^='"+startsWith+"']").hide(); But it works both ways so it should not matter.

ricick · Accepted Answer · 2012-03-26 01:43:11Z

2

function hider(className) {$("*[class^="+className+"]").hide();}

Call like so

hider("o");

answered Mar 26, 2012 at 1:43

ricick

5,7763 gold badges29 silver badges37 bronze badges

Collectives™ on Stack Overflow

Function argument with jQuery selector

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related