怎样才能区分用户单击了不同的tab呢?比如缺省tab1的参数值为1,如果单击了tab2,参数为2?HTML代码部分<ul id="sousuo_tab">
<li class="h_bg"><a href="">搜索类别1</a></li>
<li ><a href="">搜索类别2</a></li>
</ul>
<div>
<label id="sousuo_label" for="sousuo">请输入关键字如:关键字</label>
<input name="sousuo" id="sousuo" type="text" value="" class="ss_kuang_bg" />
<button type="submit" class="sb_bg" ></button>
</div>
jQuery代码部分jQuery(function(){
$("ul[id=sousuo_tab]").find("li").click(function(e){
$("ul[id=sousuo_tab]").find("li").removeClass("h_bg");
$(this).addClass("h_bg");
return false;
}).eq(0).trigger("click");//页面载入时执行click第1个选项卡
$("input[id=sousuo]").focus(
function(){
$("#sousuo_label").css("display","none");
}).blur(
function(){
$("#sousuo").val() == "" &&
$("#sousuo_label").css("display","");
})
});
<li class="h_bg"><a href="">搜索类别1</a></li>
<li ><a href="">搜索类别2</a></li>
</ul>
<div>
<label id="sousuo_label" for="sousuo">请输入关键字如:关键字</label>
<input name="sousuo" id="sousuo" type="text" value="" class="ss_kuang_bg" />
<button type="submit" class="sb_bg" ></button>
</div>
jQuery代码部分jQuery(function(){
$("ul[id=sousuo_tab]").find("li").click(function(e){
$("ul[id=sousuo_tab]").find("li").removeClass("h_bg");
$(this).addClass("h_bg");
return false;
}).eq(0).trigger("click");//页面载入时执行click第1个选项卡
$("input[id=sousuo]").focus(
function(){
$("#sousuo_label").css("display","none");
}).blur(
function(){
$("#sousuo").val() == "" &&
$("#sousuo_label").css("display","");
})
});
alert(e);
出现弹出[object Object]
var li_id = 0;
$("ul[id=sousuo_tab]").find("li").attr("li_id",function(){
return ++li_id;
}).bind("click", function(e){
$("ul[id=sousuo_tab]").find("li").removeClass("h_bg");
$(this).addClass("h_bg");
alert($(this).attr("li_id"));//当前被点击的tab序号
return false;
}).eq(0).trigger("click");//页面载入时执行click第1个选项卡