Estoy tratando de ocultar un elemento de la lista, según el texto dentro de la lista <p> . Lo tengo casi correcto. Sin embargo, mi versión actual no encuentra todas las instancias en una página. Encuentra y oculta la última instancia, pero no las demás. Puede haber 3-4 de estos en una página que me gustaría ocultar.
Ayuda apreciada.
// select relevant elements var elements = $('p'); // go through the elements and find the one with the value elements.each(function(index, domElement) { var $element = $(domElement); // does the element have the text we're looking for? if ($element.text() === "Happy New Year (Southern)") { $element.parent().hide(); // hide the element with jQuery return false; // jump out of the each } });¿Qué hay de usar el filtro primero y luego solo ocultar los elementos después de eso?
// select relevant elements var elements = $('p'); // go through the elements and find the one with the value elements.filter(function(index) { return $(this).text() === "Happy New Year (Southern)"; }).eq(0).parent().hide(); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul> <li> <p>Happy New Year (Northern)</p> </li> <li> <p>Happy New Year (Eastern)</p> </li> <li> <p>Happy New Year (Southern)</p> </li> <li> <p>Happy New Year (Southern)</p> </li> <li> <p>Happy New Year (Southern)</p> </li> <li> <p>Happy New Year (Western)</p> </li> </ul> Usando .eq(0) seleccionamos solo el "primer" elemento coincidente y luego ocultamos el padre.
Para ocultarlos todos, simplemente omitimos el .eq(0) .
Tal vez esto ayude:
var elements = document.getElementsByTagName("p"); var searchText = "Happy New Year (Southern)"; for (var i = 0; i < elements.length; i++) { if (elements.textContent == searchText) { elements[i].parent().hide() } }