selzionare tutti i div il cui id inizia per TARGET

[gasmor]

come da titolo,

come riesco a selezionare tutti i div che hanno l'id così target_*

in pratica io voglio rendere visibile, ad esempio, il div target_27 e oscurare tutti gli altri (ad esempio: target_3, target_14) ecc..

come potrei fare?

[whisher]

Non ho il tempo per controllare ma una
cosa del genere dovrebbe funzionare:

var regex= /^target_[1-9]\d{0,9}$/;
        var divs= document.getElementsByTagName('div');
            for(var i=0;i<divs.length;i++){
                if(regex.test(divs.item(i).getAttribute('id'))){
                        alert(divs.item(i).innerHTML);
}                    } 

var regex= /^target_[1-9]\d{0,9}$/;

[gasmor]

si funziona

però ho un problema:

io creo nuovi div in questo modo

function testa(nm){
	sito = document.createElement("DIV");
	sito.setAttribute("id", "target_"+nm);
	sito.innerHTML  = 'Livello creato!';
	document.getElementById('target').appendChild(sito);
}

e questi livelli non vengono riconosciuti dalla tua funzione. Perchè? :master:

[whisher]

Invece di usare innerHTML usa
sito.appendChild(document.createTextNode(text));

e naturalmente usa lo snippet dopo aver 'appeso'
i vari div al document .......

[gasmor]

cos'è lo snippet?

[whisher]

Originariamente inviato da gasmor
cos'è lo snippet?

il piccolo pezzo di codice

che ho postato

[gasmor]

ah ok,

comunque non va

function testa(nm){
	sito = document.createElement("DIV");
	sito.setAttribute("id", "target_"+nm);
	sito.appendChild(document.createTextNode('Livello creato!'));
	document.getElementById('target').appendChild(sito);
}

function sel_div(user){

  var regex= /^target_[1-9]d{0,9}$/;
        var divs= document.getElementsByTagName("div");
            for(var i=0;i<divs.length;i++){
                if(regex.test(divs.item(i).getAttribute('id'))){
                        //alert(divs.item(i).innerHTML);
			if(divs.item(i).getAttribute('id')=='target_'+user)
                        divs.item(i).innerHTML ='ecco il livello '+user;
                }                    
			 }

}

la tua funzione sel_div non trova i div creati con testa.

Se con testa creo, ad esempio, il div target_73 e poi eseguo questo comando:

document.getElementById('target_73').innerHTML='ec co nuovo testo';

il livello viene riconosciuto e riempito con la stringa, quindi il div esiste :master:

[gasmor]

ho risolto così:

function sel_div(user){

        var divs= document.getElementsByTagName("div");
            for(var i=0;i<divs.length;i++){
                  if(divs.item(i).getAttribute('id').indexOf('target_')==0){
				     if(divs.item(i).getAttribute('id')=='target_'+user)   
                                     divs.item(i).innerHTML ='ecco il livello '+user;
				  }
			 }
}