Question

关于Jquery中UI tabs的问题 求救！

正常情况下是点击<li>中的<a>通过<a>的"href"指定的CLASS或id在制定的位置显示不同的DIV
我想如何才能通过直接<li>标签，而不是点击<a>中的文字或图片实现tabs切换 好像需要重新写一个 $(".search-tab li").click(function () {
var ali = $(this).find(".J-search-tabs").attr("href");
});

　　　　.........
　　　　.search-tab为<ul>的CLASS，.J-search-tabs为<ul>下<li>中<a>的CLASS，通过上述内容可以找到点击<li>中<a>的"href"值，也就是指定的CLASS或id。但具体往下怎么操作就不会了，求帮忙

Answer 1

首先你的问题是 我想如何才能通过直接<li>标签，而不是点击<a>中的文字或图片实现tabs切换
但是这个你已经解决了
具体往下怎么操作是是什么？实现tabs切换？还是其他？如果是实现tab切换的话需要你提供DOM结构

追问

男人
女人
东方

追答

这个简单，你不需要关心a,jQuery中有个方法叫做index(),会返回当前对象的序号,
var t=$("#tabs"),t1=t.find(".J_tab"),t2=t.find("div[class^='J_tab-']");//获取对象
if(t1.length==t2.length&&t1.length>1)//显然按钮和显示框的个数必须相等且超过一个才能执行
{

$(".search-tab li").click(function () {
var t=jQuery(this).addClass('cur').siblings().removeClass('cur').end().index();//获取当前li的index
jQuery(t[0]).show().siblings().hide();//与之对应的div显示其它div影藏

})

}

参考资料： 没测试你试一下不行就问我，不懂也问我

Answer 2

$(".search-tab li").click(function () {
var ali = $(this).find(".J-search-tabs").attr("href");
window.open(ali);
});

//还有阻止默认事件。
$(".J-search-tabs").click(function(event){
event.preventDefault();
});