jQuery can't select element by attribute name and get the nodename

Question

I am trying to select this element by attribute name and print the nodename, but the result is undefined.

The first alert works, but the second alert doesn't work.

HTML code:

<objeto bordeactivo type="image">

  <img src="https://picsum.photos/536/354"/>

</objeto>

jQuery code:

var ob = $("[bordeactivo]");
var ob2 = ob.find("img");

// Works!
alert("ob>"+ob.attr("type"));

// NOT WORKING!
alert("nodeName>"+ob2.nodeName);

What is the problem?

My JsFiddle:

jsfiddle code sample

Hi, try `ob2[0].nodeName` like this and see if that works . – Swati Jun 07 '23 at 03:42 — Swati, Jun 07 '23 at 03:42

score 1 · Accepted Answer · answered Jun 07 '23 at 05:03

1

By using ob2.prop("nodeName"), you can access the DOM property nodeName of the underlying <img> element and display it in the alert box.

Try below Code

var ob = $("[bordeactivo]");
var ob2 = ob.find("img");

// Works
console.log("ob>" + ob.attr("type"));

// Updated code
console.log("nodeName>" + ob2.prop("nodeName"));

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<objeto bordeactivo type="image">
    <img src="https://picsum.photos/536/354" />
</objeto>

answered Jun 07 '23 at 05:03

Mahesh Thorat

1
4
11
22

Thanks, I didn't know the prop() method. – Renato Ramos Puma Jun 07 '23 at 13:29
1

Welcome @RenatoRamosPuma – Mahesh Thorat Jun 08 '23 at 09:15

jQuery can't select element by attribute name and get the nodename

1 Answers1

Try below Code