Prototype: Select Element Containing Text (as Jquery :contains())

August 07, 2024 Post a Comment

Using Prototype I have to select and hide all

elements containing the word Foo inside:

Lorem Lipsum Foo

Solution 1:

var lis = document.getElementsByTagName("li");
[].forEach.call(lis, function (li) {
  if (li.textContent.indexOf("Foo") > -1) {
    li.style.display = "none";
  }
});

Seriously, you don't need libraries for this. Just a good bit of DOM4 & ES5 does it for you.

Use the normal shims if you care about legacy platform support

SideNote: don't ever do $("li:contains('Foo')") its epicly slow as hell. Not to mention murderous abuse of selectors4

Baca Juga

Javascript - Garbage Collector Timers?
How To Type On An Input Box Via Javascript For Ie
How To Create Array Of Json Object Without Key In Javascript

Solution 2:

:contains does work in Prototype, you just need to remember that the output of $$ is an array.

$$('li:contains("Foo")').invoke('hide');

javascript sammlung

Prototype: Select Element Containing Text (as Jquery :contains())

Solution 1:

Solution 2:

Post a Comment for "Prototype: Select Element Containing Text (as Jquery :contains())"