how to find element after some text with javascript?

Question

I have a HTML file with some text (like 'bla-bla') inside. I want to get a specific element (like <a href=...) after this text node.

How can I do that with pure JavaScript or jQuery?

example HTML:

<div>
  jdlgjalfad dfaldfdalf bla-bla fdfadf afd <br/> 
  <table>...
    <td></td>
  </table>
  <a href="some_link">here</a>
</div>

Please post a snippet of your HTML. It's difficult to post a good answer when you're so nonspecific. — user1385191
– user1385191, Commented Mar 13, 2011 at 18:17
Which specific node? Just the next node? You want something specific without providing a proper example. — Felix Kling
– Felix Kling, Commented Mar 13, 2011 at 18:39

nextdude · Accepted Answer · 2011-03-14 02:50:03Z

1

$('div:contains('bla-bla')).find('a')

will work in your example, but may not work for your real use-case. The :contains selector will find a div with some string in it, but you may need to use a regular expression to find the specific text you want if you need more context:

$('div').each(function(){
  if (/funky-regex/.test($(this).text())) {
    $(this).find('a').doSomethingHere();
  }
});

replacing doSomethingHere() with one or more jquery methods. The appropriate choice will depend on your specific use case.

answered Mar 14, 2011 at 2:50

nextdude

111 bronze badge

Sign up to request clarification or add additional context in comments.

Comments

tvanfosson · Accepted Answer · 2011-03-13 18:29:33Z

You can use contains to find the elements that contain the selected text, then iterate over each, replacing the text with new text with the substitution based on your search string. Be aware that contains will return a match even if the elements descendants contain the text so you should probably specify some element type if you have nested elements or filter based on whether the element has inner elements.

$('div:contains("bla-bla")').each( function() {
   var txt = $(this).text();
   var insert = 'bla-bla<a href="...">(link)</a>';
   $(this).text( txt.replace( /bla-bla/g, insert ) );
});

or

$(':contains("bla-bla")')
    .filter( function() { return $(this).children().length == 0; } )
    .each( function() {
       var txt = $(this).text();
       var insert = 'bla-bla<a href="...">(link)</a>';
       $(this).text( txt.replace( /bla-bla/g, insert ) );
});

Collectives™ on Stack Overflow

how to find element after some text with javascript?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related