javascript - Javascript / jQuery：为什么我一直不确定？

Question

我有以下html代码：

<a class="tabTitle" id="title_boxtab_default" tab-type="default" href="#tabs-3">Sample</a>

在 jQuery 中，我试图通过以下方式获取 href 属性的值：

$('.tabTitle').last().attr('href');

但它一直告诉我它是未定义的？

我应该提到类“tabTitle”的链接数量增加了。这就是我使用 .last() 的原因

Answer 1

在 JSFiddle 中对我来说工作得很好。我把它改成了这个，它返回了#tabs-3：

alert($('.tabTitle').last().attr('href'));

我的猜测是它不是从这样的就绪处理程序运行的：

$(function() {
    var x = $('.tabTitle').last().attr('href');
});

Answer 2

它应该工作。确保当元素存在于 DOM 中时运行脚本，f.ex 使用.ready()：

$(function() {
    alert( $('.tabTitle').last().attr('href') );
});

演示：http: //jsbin.com/IyeSacU/1/edit

Answer 3

尝试 DOM 就绪

$(document).ready(function(){
$('.tabTitle').last().attr('href');
});

小提琴