Come far funzionare questo codice senza jQuery?

Question

Attualmente ho un codice che assomiglia a questo:

$('a.guide-item[href="/"]').remove(); 
$('*[href="/"]').attr('href','/feed/subscriptions/u'); 

ho bisogno di fare le dimensioni del file, ma non so come replicare il codice in javascript "vanilla". Per favore aiuto!

Answer 1

Senza supportare IE6/7, è molto semplice.

var els = document.querySelectorAll('a.guide-item[href="/"]'); 

for (var i = 0; i < els.length; i++) { 
    if (els[i].parentNode) 
     els[i].parentNode.removeChild(els[i]); 
} 

els = document.querySelectorAll('*[href="/"]'); 

for (i = 0; i < els.length; i++) { 
    els[i].setAttribute('href','/feed/subscriptions/u'); 
} 

Se è necessario supportare IE6/7, è ancora molto semplice, ma sarebbe utile avere un metodo che seleziona gli elementi per classe, o per lo meno che i test per una classe.

Non è difficile trovare implementazioni di questi sul web.

---

Ecco una rapida implementazione che supporterà il vecchio IE.

var els = document.links, 
    i = els.length; 

while (i--) { 
    if (els[i].getAttribute("href") !== "/") 
     continue; 

    if (els[i].className.indexOf("guide-item") !== -1) { 
     els[i].parentNode.removeChild(els[i]); 
    } else { 
     els[i].setAttribute('href','/feed/subscriptions/u'); 
    } 
} 

Si presuppone che l'.className non avranno altre classi dove "guide-item" potrebbe essere eguagliato come un sub-modello.