从李获得价值

时间:2014-07-02 21:24:57

标签: jquery

我有一个像这样的列表

<ul class="dropdown-menu btn-block pull-left" role="menu" aria-labelledby="dropdownMenu1">

    <li value="http://www.example.com/" role="presentation">
        <a role="menuitem" tabindex="-1" href="#">Example</a>
    </li>

</ul>

我试图获得价值&#34; http://wwww.example.com&#34;来自使用此jquery代码的li项目

$(".dropdown-menu li").click(function(){
    console.log($(this).val());
});

但jquery正在选择a元素,因为$(this).val()显示为0而$(this).text()显示为&#39;示例&#39;。如何获取li元素的值?我尝试了jquerys .parent(),但那不起作用

2 个答案:

答案 0 :(得分:3)

value不是li上的有效属性 - 您应该使用自定义data-*属性来传递验证:

<li data-value="http://www.example.com/" role="presentation">

然后做:

var site = $(this).data("value");

答案 1 :(得分:2)

您必须将其作为属性获取,因为它不是表单元素:

console.log($(this).attr('value'));