Use element with DOMNodeInserted

Question

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.

What about removing the if for filtering a specific id? And then use $(element). — pimvdb
– pimvdb, Commented Jul 25, 2011 at 9:43
@pimvdb: Nope, tried with alert($(element).tagName); and is giving me undefined. — CristiC
– CristiC, Commented Jul 25, 2011 at 9:49

Frédéric Hamidi · Accepted Answer · 2011-07-25 09:49:02Z

10

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

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

answered Jul 25, 2011 at 9:49

Frédéric Hamidi

264k42 gold badges497 silver badges486 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

pimvdb Over a year ago

Either element or event.target I think :)

CristiC Over a year ago

Thanks, this works. But if I make var el = $(event.target).parent()[0]; can I use it further with alert($(el).tagName)?

Frédéric Hamidi Over a year ago

@Parkyprg, tagName is a property exposed by DOM elements, not jQuery objects. You'd have to write either el.tagName or $(el)[0].tagName. It might be best to store the jQuery object itself in el: var el = $(event.target).parent();. From there you can do el[0].tagName to obtain the element's tag name.

Collectives™ on Stack Overflow

Use element with DOMNodeInserted

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related