Necesito tu ayuda. Soy nuevo en Javascript y jQuery. Yo tengo algo que hacer. Tengo una lista de divs con la misma clase pero cada div tiene una identificación específica. Digamos que tengo esto:
<div class="list" id="apples"></div> <div class="list" id="bananas"></div> <div class="list" id="pineapples"></div>
Tengo la URL https://johndoe.com/apples , https://johndoe.com/bananas y https://johndoe.com/pineapples .
Todos los divs se muestran en las 3 páginas, pero quiero que solo se muestre el div con manzanas de identificación en la página de Apples y que los demás se eliminen por completo, no se oculten. Quiero lo mismo para cada página (plátanos mostrados en la página de plátanos...). Así que lo que escribí es esto. Pensé que cambiar la clase de apples div a otra cosa evitaría que se elimine.
var fruitId = val['id']; function displayDiv() { var selectedSection = document.getElementById(fruitId); if (window.location.href.indexOf(fruitId) > 0) { selectedSection.setAttribute('class', 'selectedfruit'); $("div.list").remove(); } }
No preste atención a fruitId, son 'manzanas', 'plátanos' y 'pinas' en el archivo JSON y tengo la lista correcta.
Use filter(function)
y verifique la identificación en la función
$("div.list").filter(function(){ return !window.location.href.includes(this.id) }).remove();
Esto eliminará solo aquellos en los que el valor de identificación no está en el href
Intenté esto y funciona perfectamente PERO todavía tengo TypeError no detectado: window.location.href.contains no es una función
$("div.list").filter(function(){ if (window.location.href.indexOf(this.id) > -1) { return !window.location.href.contains(this.id) } $("div.list").remove(); });
¿Qué puedo hacer para eliminar el error? Si reemplazo "contiene" con "indexOf", entonces no tengo ningún resultado.