Question

<li value="a">中的value值如何通过点击传递给jquery？

<ul>

<li ><a href="">课程设计</a></li>

<li ><a href="">学年论文</a></li>

<li ><a href="">毕业论文</a></li>

</ul>

想通过jqeury实现，单击课程设计，学年论文，毕业论文调用的一个函数，但传递的参数不同，怎么实现？然后再通过$.ajax()，调用不周的页面。

$(document).ready(function(){

$(".lw").click(function(){

});

});

谢谢，帮分析一下！

Answer 1

li 标签没有 value 属性，如果你想自定义属性，可以使用 data-xxxxx，xxxxx 可以为任意有效字符，通常为数字和字母，例如 data-age, data-gender, data-value、、、

要获取一个元素的属性，使用 .attr("属性名称");

<script type="text/javascript" src="http://localhost/lib/jquery/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(function() {
    $("#list a").click(function() {
        // 输出 li的class，网址，文字
        alert($(this).parent().attr("data-value"));
        alert($(this).attr("href"));
        alert($(this).text());
        return false;
    });
});
</script>

<ul id="list">
<li data-value="course"><a href="course_design.html">课程设计</a></li>
<li data-value="academic"><a href="academic_thesis.html">学年论文</a></li>
<li data-value="graduation"><a href="graduation_thesis.html">毕业论文</a></li>
</ul>

Answer 2

就像你上边写的，可以给li添加属性，然后li的点击事件就可以用this.XX获得你绑定的值了。

追问

谢谢，能不能追问一下？

课程设计
学年论文

$(document).ready(function(){
$("li").click(function(){
var str=$(this).val();
alert(str);
});
});
可以弹出1,2,但是不能显示kcsj？

追答

<ul>
<li c="asdf"><a href="javascript:;">课程设计</a></li>
<li c="2"><a href="javascript:;">学年论文</a></li>
</ul>
$(function(){
$("li").click(function(){
alert($(this).attr("c"))
});
});

先这样写吧，我也搞不清value为啥出不来。

Answer 3

首先你要注意一点li标签的value属性只支持数字类型.即该标签的序号.所以如果你想取得li里面的属性的话.可以自己在li标签里面自定义属性.然后通过jquery的attr方法获取的属性的值
<ul>
<li p="课程设计"><a href="javascript:;">课程设计</a></li>
<li p="学年论文"><a href="javascript:;">学年论文</a></li>
</ul>
$(function(){
$("li").click(function(){
alert($(this).attr("p"))
});
});

Answer 4

<ul>

<li ><a href="javascript:void(0)" my_url="www.baidu.com">课程设计</a></li>
<li ><a href="javascript:void(0)" my_url="someone">学年论文</a></li>
<li ><a href="javascript:void(0)" my_url="someone">毕业论文</a></li>
</ul>
$(function(){
$("[my_url]").click(function(){
alert($(this).attr("my_url"));//显示当前点击元素自定义属性my_url的值
var _url = $(this).attr("my_url");
$.ajax(function(){
type: "POST",
url: _url,
success: function(msg){
alert( "..." );
}
});
});
});