CODEWITHSUNDEEP
javascriptjqueryjquery-events
CristiC
CristiC

Reputation: 22698

Use element with DOMNodeInserted

For sure this question is very easy, but I just cannot figure this out.

I'm using DOMNodeInserted event to detect when a new element is inserted.

I don't know how to use the current element, for example to get it's parent id.

Now I have the function like this:

document.addEventListener("DOMNodeInserted", function(event){
  var element = event.target;

  if (element.tagName == 'DIV') {
    if (element.id == 'ndiv_3-1VTSTHR') {
     alert($('#ndiv_3-1VTSTHR').parent().get(0).tagName);
    }
  }
});

This works, but it will give me the parent to ndiv_3-1VTSTHR element. I want to know the parent to any element, using jQuery.

I tried with:

alert($(this).parent().get(0).tagName);

but with no luck.

Upvotes: 9

Views: 18310

Answers (1)

Frédéric Hamidi
Frédéric Hamidi

Reputation: 262949

You probably need to initialize a jQuery object around element.target. Try:

document.addEventListener("DOMNodeInserted", function(event) {
    alert($(event.target).parent()[0].tagName);
});

Upvotes: 10

Related Questions