Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

JQuery - 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.

like image 584
CristiC Avatar asked Jul 25 '11 09:07

CristiC


1 Answers

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

document.addEventListener("DOMNodeInserted", function(event) {
    alert($(event.target).parent()[0].tagName);
});
like image 143
Frédéric Hamidi Avatar answered Nov 03 '22 08:11

Frédéric Hamidi