jquery :- get div element html

Question

    <div id="id1" class="desc">Hello World 1</div>
    <div id="id2" class="desc">Hello World 2</div>
    <div>test</div>

在 document.ready 中，

$(function(){   
   var $dvObj = $('div.desc');   
   alert($dvObj[0]); 
   alert($dvObj[0].text());  //Nothing comes up
   alert($dvObj[0].html());  //Nothing comes up
});

我无法获取 div html。请建议。

Answer 1

当您使用方括号访问 jQuery 对象的元素时，您将获得实际的 DOM 元素，而不是 jQuery 对象。 DOM 节点没有 text 或 html 方法。

您可以使用eq方法获取包含指定索引处的元素的 jQuery 对象:

$(function(){ 
    var $dvObj = $('div.desc');
    alert($dvObj.eq(0)); 
    alert($dvObj.eq(0).text());
    alert($dvObj.eq(0).html());
});