A pergunta do OP é sobre JavaScript puro e não jQuery . Embora haja uma abundância de respostas e eu como @Pawan Nogariya resposta , por favor, veja isto alternativa.
Você pode usar XPATH em JavaScript. Mais informações sobre o artigo MDN aqui .
O document.evaluate()
método avalia uma consulta / expressão XPATH. Portanto, você pode passar expressões XPATH lá, ir para o documento HTML e localizar o elemento desejado.
No XPATH você pode selecionar um elemento, pelo nó de texto como o seguinte, que obtém o div
que possui o nó de texto a seguir.
//div[text()="Hello World"]
Para obter um elemento que contém algum texto, use o seguinte:
//div[contains(., 'Hello')]
O contains()
método em XPATH leva um nó como primeiro parâmetro e o texto a ser pesquisado como segundo parâmetro.
Verifique este plunk aqui , este é um exemplo de uso de XPATH em JavaScript
Aqui está um snippet de código:
var headings = document.evaluate("//h1[contains(., 'Hello')]", document, null, XPathResult.ANY_TYPE, null );
var thisHeading = headings.iterateNext();
console.log(thisHeading); // Prints the html element in console
console.log(thisHeading.textContent); // prints the text content in console
thisHeading.innerHTML += "<br />Modified contents";
Como você pode ver, posso pegar o elemento HTML e modificá-lo como quiser.