<b>菜单1</b> <b>菜单2</b>
<ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
</ul><ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
</ul>
$(".tab-b-m-4 a").attr("id");
当我点菜单1的时候获取的是第一个<ul class="tab-b-m-4">下的<a>标签里面的id值!如果我要点菜单2获取第二个<ul class="tab-b-m-4"> 下的<a>标签里面的id 怎么获取啊?
记住不能给ul 和 li手动添加id
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test</title>
<style>
</style>
<script src="jquery-1.3.2.js"></script>
<script>
$(function(){
$("b").click(function(){
var text = $(this).text();
var first = text.indexOf("tab_");
var num = text.substring(first+4,text.length);//来得到是点击的第几个
var temp_num = parseInt(num) - 1;//因为eq()是从0开始的
var now_id = $(".tab-b-m-4:eq("+temp_num+")").find("a").attr("id");
alert(now_id)
});
});
</script>
</head>
<body><b>tab_1</b> <b>tab_2</b>
<ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
</ul><ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
</ul>
</body>
</html>
$(this).click(function(){ var text = $(".tab-b-m-4").eq(i).find('a').attr("id"); alert( text ); })})
<ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
</ul><ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
</ul>
<script src="js/jquery-1.3.2.min.js"></script>
<script>
$("b").each(function(i){
$(this).click(function(){
alert($(".tab-b-m-4 a").eq(i).attr("id"));
})
});
</script>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>无标题页</title>
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function()
{
var $b=$("b");
$("b").bind("click",function()
{
var $index=$b.index(this);
alert($(".tab-b-m-4 a").eq($index).attr('id'));
}
)
}
)
</script>
</head>
<body>
<b>tab_1</b> <b>tab_2</b>
<ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=dee83a35-7fd3-4dca-8ed5-44a6173b6db2&type=31" id="菜单1要获取的值">期贷入门</a></li >
</ul><ul class="tab-b-m-4">
<li><a href="news_nr.aspx?id=c7958d28-2433-4ed5-ab2c-18f21de13fd8&type=2" id="菜单2要获取的值">交易</a></li >
</ul></body>
</html>
$(function() {
$("a").each(
function() {
$(this).bind("click",
function(obj) {
alert(this.id);
}
)
}
);
});
</script>