Right now I have a function that looks like this:
function hidearray() {
$('#one, #two, #three').hide();
}
I'd like to put those IDs into 1 array, which would look like
var myArray['one', 'two', 'three'];
And then hide that array within my function hidearray(). I thought it would look like this, but I guess I'm on the wrong track (I also know I ignored the # in the statement below)
$(.each(myArray)).hide();
The solution is likely simple, so thank you to all that respond!
jQuery selectors are just strings, so create a string by joining the array :
$('#' + myArray.join(', #')).hide();
I’d use getElementById. Assuming support for Array.map:
var myArray = ['one', 'two', 'three'];
$(myArray.map(document.getElementById, document)).hide();
for(var i = 0; i < myArray.length; i++) {
$(myArray[i]).hide();
}
Use each, pass the array as the first parameter, and the second will be the callback to work with the current item
var arr = [];
arr.push("#one");
arr.push("#two");
arr.push("#three");
$.each(arr,function(){
$(""+this).hide();
});
Hide the array ??. I suppose you mean. How to hide element, by putting their id inside an array with jquery
you could do this.
array = ['#id_tiempo_inicio_0', '#id_tiempo_fin_0', '#id_evento']
$.each(array,function(i, v){
$(v).hide();
});
var myArray['one', 'two', 'three'];
$.each(myArray,function(i,v){
$('#'+v).hide();
});
Demo --> http://jsfiddle.net/Utg7p/
This will do the trick,
html
<div id="one">One</div>
<div id="two">Two</div>
<div id="three">Three</div>
<button id="button">Hide</button>
javascript
jQuery(document).ready(function() {
var mrHide = ['#one', "#two", "#three"];
jQuery("button#button").click(function() {
jQuery.each(mrHide, function(index, value) {
jQuery(value).hide();
});
});
});
