Home/ Questions/Q 6383743
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-25T02:41:16+00:00

<div>John Resig</div> <div>George Martin</div> <div>Malcom John Sinclair</div> <div>J. Ohn</div> <script> $(div:contains(‘John’)).css(text-decoration, underline); </script> The

  • 0
<div>John Resig</div>
<div>George Martin</div>
<div>Malcom John Sinclair</div>
<div>J. Ohn</div>
<script>
$("div:contains('John')").css("text-decoration", "underline");
</script>

The above code will add underline to the total DIV which contains “John”.But how can i make only “John” to be underlined.
Please someone help me.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’ll have to wrap your text in a span:

    $("div:contains('John')").each(function()
{
    var $el = $(this);
    $el.html( $el.html().replace(/John/g, '<span style="text-decoration: underline">John</span>') );
});

    http://jsfiddle.net/GP96T/2/

    As noted by @Brad Christie, you should only use this if you either know that you don’t have “John” somewhere in your attributes, or the divs have no children.

    • 0