Visualizzazione risultati 1 fino 9 di 9

Discussione: Ottenere elementi

  1. #1
    L'avatar di radiodelmomento
    radiodelmomento non  connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Question Ottenere elementi

    In una pagina web si trova il seguente codice:
    Codice HTML:
    <span id="label_001">testo</span>
    <span id="label_002">testo</span>
    <span id="label_005">testo</span>
    <span id="altro_006">testo</span>
    E, tramite JS (puro, niente JQuery), devo ottenere i valori legati a "label_" separati da un separatore, ad esempio la virgola.
    Quindi otterrei "001,002,005,". Non mi servono funzioni per eliminare la virgola finale, pu starci.
    Vi ringrazio.

  2. #2
    karl94 non  connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,639

    Predefinito

    Quindi lo script cosa dovrebbe andare a cercare? Tutti gli elementi con id che comincia con label_? Questi elementi devono essere tutti span? Sono per caso tutti figli diretti del medesimo elemento?
    Ultima modifica di karl94 : 30-11-2013 alle ore 20.23.00

  3. #3
    L'avatar di radiodelmomento
    radiodelmomento non  connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Deve cercare tutti gli elementi con id che comincia con label_?
    No, deve cercare il numero che segue l'elemento che inizia con label_.
    Al massimo potrei trovare il nome di tutti gli elementi e alla fine eliminare tutti i label_.
    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Questi elementi devono essere tutti span?
    S
    Citazione Originalmente inviato da karl94 Visualizza messaggio
    Sono per caso tutti figli diretti del medesimo elemento?
    No, gli elementi sono figli di un elemento ma non diretti.
    Ultima modifica di radiodelmomento : 30-11-2013 alle ore 20.36.00

  4. #4
    karl94 non  connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,639

    Predefinito

    Usando il metodo getElementsByTagName sul nodo che contiene gli elementi che ti interessano (pu anche essere il nodo documento) puoi ottenere la lista degli span, poi sufficiente iterare i suoi valori verificando per ciascuno di questi se l'attributo id comincia per label_, in tal caso estraendo il resto dell'id e conservandolo appositamente possibile creare la stringa da te descritta.

    Codice:
    function insertNameHere(containerNode){
    	var elements = containerNode.getElementsByTagName("span");
    	var ids = [];
    	for(var i = 0; i < elements.length; i++){
    		if(elements[i].id.indexOf("label_") == 0){
    			ids.push(elements[i].id.substr(6));
    		}
    	}
    	return ids.toString();
    }
    P.s.: quando un figlio non diretto, solitamente viene detto discendente.

    Anzi, volendo puoi usare anche il metodo querySelectorAll, che restituisce tutti gli elementi indicati da un dato selettore CSS. Nel tuo caso il selettore sarebbe span[id^=lable_], e il resto dello script non dovrebbe far altro che estrarre la porzione dell'id desiderata.

    Codice:
    function insertNameHere(containerNode){
    	return Array.prototype.map.call(containerNode.querySelectorAll("span[id^=label_]"), function(e){
    		return e.id.substr(6);
    	}).toString();
    }
    Ultima modifica di karl94 : 30-11-2013 alle ore 21.19.49

  5. #5
    L'avatar di radiodelmomento
    radiodelmomento non  connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Ok, ma c' un problema: tutti i valori dell'array tranne il primo hanno il prefisso "text_".

  6. #6
    karl94 non  connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,639

    Predefinito

    A quale array ti riferisci? Quello contenuto nella variabile ids? Se cos, allora gli attributi id dei vari elementi non sono solo della forma label_???. Spiega in dettaglio la situazione.

  7. #7
    L'avatar di radiodelmomento
    radiodelmomento non  connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Epic fail.
    Nel documento si trovano elementi sia con id "label_ID" che con id "label_text_ID".
    Fortunatamente per ogni "label_" c' il corrispondente "label_text_", quindi mi basta sostituire il prefisso e il valore substr.

    A scopo informativo/didattico mi potresti dire:
    - cosa significa if(elements[ i].id.indexOf("label_") == 0){ e perch deve essere uguale a zero/nullo/non settato?
    - se avessi dovuto prendere in considerazione "label_" sapendo che ci sono anche "label_text_", come mi sarei dovuto comportare?
    Ti ringrazio.

  8. #8
    karl94 non  connesso Staff AV
    Data registrazione
    03-10-2005
    Messaggi
    17,639

    Predefinito

    Citazione Originalmente inviato da radiodelmomento Visualizza messaggio
    - cosa significa if(elements[ i].id.indexOf("label_") == 0){ e perch deve essere uguale a zero/nullo/non settato?
    Dunque, il quello script la variabile elements contiene la lista degli elementi span contenuti in un dato nodo, quindi necessari andare a prendere solo quelli che hanno id che comincia con la data stringa.
    elements[i].id una normale stringa JavaScript, il metodo indexOf cerca nella stringa su cui viene richiamato la prima occorrenza della stringa fornita per parametro, e restituisce un numero rappresentante la posizione in cui ha trovato la seconda stringa nella prima, o meno uno se non stata trovata la corrispondenza. In questo caso la condizione serve a verificare che l'attributo id dell'elemento cominci proprio per label_.
    Citazione Originalmente inviato da radiodelmomento Visualizza messaggio
    - se avessi dovuto prendere in considerazione "label_" sapendo che ci sono anche "label_text_", come mi sarei dovuto comportare?
    Ti ringrazio.
    Io avrei aggiunto un if, sempre all'interno del for, che verificasse la medesima condizione ma per la stringa label_text_, nel corpo di questo poi avrei usato la medesima istruzione cambiando opportunamente il valore passato al metodo substr, l'altro if poi l'avrei incluso nell'else di quello appena aggiunto. In codice:
    Codice:
    function insertNameHere(containerNode){
    	var elements = containerNode.getElementsByTagName("span");
    	var ids = [];
    	for(var i = 0; i < elements.length; i++){
    		if(elements[i].id.indexOf("label_text_") == 0){
    			ids.push(elements[i].id.substr(11));
    		}else if(elements[i].id.indexOf("label_") == 0){
    			ids.push(elements[i].id.substr(6));
    		}
    	}
    	return ids.toString();
    }
    Non per incluso un controllo per eventuali doppioni.
    Ultima modifica di karl94 : 30-11-2013 alle ore 23.15.17

  9. #9
    L'avatar di radiodelmomento
    radiodelmomento non  connesso AlterGuru
    Data registrazione
    09-09-2010
    Messaggi
    1,075

    Predefinito

    Perfetto, grazie mille

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •