Question

I want the following loadContent function to load the target div only if the link clicked has a certain class. This is what I’ve come up with so far:

function loadContent(targetDIV, sourceURL) {
if ( $(this).hasClass("done") ) {
$(""+targetDIV+"").load(""+sourceURL+"");
}
}

<a href="javascript:loadContent('#nav', 'news.php');" class="done">News</a>

The function works without the if statement, but I just can’t seem to get the hasClass to work with the if – any thoughts? Thanks!

Answer 1

Change it to the following, and it should work:

<a href="#" onclick="loadContent.call(this, '#nav', 'news.php');" class="done">News</a>

---

By using .call(), you’re setting the value of this in the loadContent function to the current element.

And because we used onclick, this in the inline handler will give you that reference to pass on.