Question

Is there a way to detect if a tag is self closing with JQuery like an image tag? Something dynamic not just an image tag.

if ($('.selector')[0].tagName.toLowerCase()=="img") {
    // do something
}

Answer 1

Do you need to distinguish between an element that’s empty vs self-closing? If not, you can use:

if ($(".selector").is(":empty")) {
  // do something
}

But if you’re talking about detecting whether a given HTML tag should be empty or not, no you can’t do that programmatically because you’re not stopped from creating invalid HTML and you need to validate it against a DTD to find out.