Jquery 选项卡 href 和 ID

Question

我使用 css 和 javascript 创建了一个简单的选项卡导航。 尽管我想澄清一件事，但它工作得很好。

每个列表项（选项卡）都有一个“href”属性，与“选项卡内容”div 的 ID 匹配。然后我使用 jQuery 完成这些操作。

现在我的问题是： 为了获取 ID，我使用 $(this).find('a').attr('href') 然后使用简单的 show() 来显示相应的内容分区 如果我使用 $(this).attr('href') 来获取 ID，则 show() 函数将不起作用。

http://jsfiddle.net/eh4eB/

$(this). 和 $(this). 之间有什么区别？ find('a').attr('href') AND $(this).attr('href')

Answer 1

由于您的 click 处理程序位于

上，因此 $(this) 是

周围的 JQuery 包装器。 元素。当然，

元素没有 href 属性，因此其中不会有任何内容。

另一方面，$(this).find('a') 将为您提供一个 JQuery 对象，其中包含 内的所有 元素

- 并且 .attr('href') 将从第一个属性返回 href 属性。

Answer 2

为什么不使用 jQueryUI 的选项卡？那会容易得多。

你的代码就是这样的：

<script>
$(function() {
    $( "#admin-nav" ).tabs();
});
</script>

Answer 3

您的 click() 事件绑定到 li 元素，因此处理程序中的 this 也是 li 元素。因此，您需要先找到子 a 元素，然后才能确定其 href 属性。