Question

求解jquery+ajax导航菜单实现方法

<div class="nav-main">
<ul class="nav-channel">

<li id="category">

<a title="首页" href="#1"
target="_blank"> 首页</a>
</li>
<li id="category">

<a title="首页" href="#2" target="_blank"> 首页1</a>
</li>
<li id="category">

<a title="首页" href="#3" target="_blank"> 首页2</a>
</li>
</ul>
</div>

我想通过鼠标移动取得每一个href="#"后面的值,将其传给另一个文件,例如list.php?cat=(值);请问用Jquery怎么实现呢?

Answer 1

在a标签里加属性值，如<a title="首页" href="#2" data-id="a1" target="_blank"> 首页1</a>

$("a").mouseover(function() {
var id = $(this).attr("data-id");
$.ajax({
type: "post",
url: "test.php",
data: {
"id":id
},
success: function(msg) {
},
dataType:"json"
})
});
里面的dataType和url等要根据自己的实际情况
网页版缩进比较恶心，请原谅