Question

I have the following HTML in a page:

<a href="javascript:void(0)" class="move-next"><img src="/Content/images/small-next-arrow.png" height="16" width="16" alt="Next status arrow" title="Progress to next status"/></a></div>

and I have the following javascript that attempts to handle the click event:

function InitProgressionSelectors() {
$(".move-next").click(function() {
    moveNext(this);
});

$(".move-previous").click(function() {
    movePrevious(this);
});
}

function moveNext(target) {
    var sourceContainer = target.parent("td");
    var targetContainer = sourceContainer.next("td");
}

I’m obviously missing something, because “target” in the moveNext function is returning an HTMLAnchorElement, but when I try to wrap that, or access it somehow as a jQuery object, so I can try to get a handle to it’s parent container, I get errors.

A reference to $(target) returns null. How do I get a reference to target as a jQuery object so I can work with it in that context? What am I missing?

Thanks.

Answer 1

As I mentioned in the comments below, using $(target) didn’t work. However, as can be seen in the comments on the original question above, the solution was to actually pass $(this) as the argument. Once I did that, target.parent resolved to the expected node, and worked.

---

bob can you try using dollor

$(target)

var sourceContainer = $(target).parent("td");