Replace content of div containing the link the user clicks on

Asked Oct 13 '22 at 23:47

Active Oct 13 '22 at 23:47

Viewed 38 times

Using jquery (or vanilla javascript - not the library) how can I replace the content of a div when a user clicks a link that is contained in that div? For example

<div id="content">
   <a href="foo">bar</a>
</div>

$(document).on('click', 'a', function() {
   var url = $(this).attr('href');
   $('#content').load(url + '.php');

   return false;
}

Obviously clicking on the link yields no results. Is there a clean way of doing this besides using React or something lol

asked Oct 13 '22 at 23:47

Justin Riley

Whats wrong with what you have? – Ryan Wilson Oct 13 '22 at 23:53
Do you want to remove the link as well? – Ryan Wilson Oct 14 '22 at 00:01
1

check [here](https://stackoverflow.com/questions/6856871/getting-the-parent-div-of-element), you can get the `parent node` then do the desired operation on it. – Me Bottle O Scrumpy Oct 14 '22 at 00:24
1

The right parenthesis of `on` closurer is missing. Maybe this Is the issue? Otherwise your script seems OK. – Phil Oct 14 '22 at 00:31

Replace content of div containing the link the user clicks on

0 Answers0