jQuery 获取嵌套 div 元素内的元素属性

Question

页面上的对象

<DIV style="TEXT-INDENT: 0px; VISIBILITY: inherit" id=button46 jQuery16107163179349561973="2">
    <A title=Exit href="javascript:void(null)" name=button46anc>
        <IMG style="CURSOR: pointer" border=0 name=button46Img alt=Exit src="images/btn-exitoff.gif" width=66 height=39>
    </A>
</DIV>

我需要从div中获取title属性的值。

花了几个小时，但没有运气（所有返回未定义）

$('div [id^="button"]').bind('click mouseover mouseout submit',function(event){
    testThis = $(this.children('a'));alert($(testThis).attr('title'));
    testThis2 = $(this.find('a'));alert($(testThis2).attr('title'));
});

提前感谢您拯救了我剩下的头发。

Answer 1

$('div[id^="button"]').bind('click mouseover mouseout submit', function(event) {
    testThis = $(this).children('a');
    alert(testThis.attr('title'));
});

Answer 2

this 的内容不是 jQuery 对象，而是 DOM 元素。将其包装在 jQuery 对象中以使用 children 和 find 方法，然后就不需要包装结果：

$('div [id^="button"]').bind('click mouseover mouseout submit',function(event){
  var testThis = $(this).children('a'); alert(testThis.attr('title'));
  var testThis2 = $(this).find('a'); alert(testThis2.attr('title'));
});

另外，在本地声明变量，以便它们不要最终出现在全局名称空间中。

另一种变体是使用 DOM 元素作为搜索上下文：

var testThis = $('a', this);

Answer 3

您需要将 this 转换为 jQuery 对象，然后才能在其上使用 jQuery 函数。

$('div [id^="button"]').bind('click mouseover mouseout submit',function(event){
    alert($(this).find('a')).attr('title'));
});