Question

This is a quick example not my actual code. Onclick of the div button, how do i replace the html after the anchor tag or parent div title? The jQuery code here replaces everything in the div title i only want to replace what is after the anchor tag.

script

$(function() {

    $('.button').live('click',function() {
    var info = $(this).next('.information').html();
    $(this).next('.title').html(info);
    });
});

html

<div class='container'> 
    <div class='button'>Click Me</div>
    <div class='information' style='display:none;'>information</div>
    <div class='title'><a href='http://www.example.com/' class='link'></a>title</div>
</div>

Answer 1

You should wrap that in a span

<div class='title'><a href='http://www.example.com/' class='link'></a><span>title</span></div>

and target that with

$(function() {
    $('.button').live('click',function() {
      var self = $(this);
      var info = self.nextAll('.information').html();
      self.nextAll('.title').find('span').html(info);
    });
});