jqueryトラバーサル経由でイメージプロパティを取得しようとしていますが、定義されていません。

Question

jQueryでDOMをトラバースしようとしていますが、undefinedを取得しています。

alert($('#para1').childNodes[1].nodeName);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<p id="para1"> 
 
    <img src=........> 
 
</p>

これを行うための適切な方法は何ですか：これは、コードのですか？ img要素や属性を取得するので、多くの方法があります

Answer 1

...あなたがタグ名を使用する場合は

$('#para1 img').attr("src"); 
// or 
$('img', $('#para1')).attr("src"); 
// or 
$('#para1').find("img").attr("src"); 
// or 
$('#para1').children("img").attr("src"); 
/// ... 

、.prop("tagName")で.attr("src")を交換してください。 indexによってループの子要素に

$('#para1').children().each(function() { 
    alert($(this).prop("tagName")); 
}); 

はこれを行うにしても、多くの、多くの方法があります。ただ、いくつかの可能な方法：

// using the index with :eq() 
var tag = $("#para1 *").eq(0).prop("tagName"); 

// another way using :eq() 
var tag = $("#para1").children().eq(1).prop("tagName"); 

// another way using :eq() 
var tag = $("#para1 :eq(2)").prop("tagName"); 

// using DOM elements out of jQuery 
var tag = $("#para1").children().get(0).tagName; 

// another way using DOM elements out of jQuery 
var tag = $("#para1").children()[1].tagName; 

// another way using DOM elements out of jQuery 
var tag = $("#para1 *")[2].tagName; 

// create a arra map out of all children 
var tags = $("#para1").children().map(function() { 
    return $(this).prop("tagName"); 
}).get(); 

Working example.

Answer 2

$('#para1').children().get(0).tagName