Question

我有这个：

$("#test").click(function() {
  alert($(".selected").val());
});

我希望能够通过点击该按钮获取li的guid，问题是，我无法得到它，只能得到像“131”这样的第一个数字

全部谢谢

Answer 1

使用数据属性执行此操作。

<li class="selected" data-value="131cffb1-cff5-46c1-9bb1-865665c21ae8">

然后你可以用

获得价值

var value = $('li').data(value);

＆＃13;

$('#test').on('click',function(){
              
       var test = $('li').data('value');
       alert(test);
 });

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<li class="selected" data-value="131cffb1-cff5-46c1-9bb1-865665c21ae8">weq Disponivel</li>
<button id="test">Button</button>

＆＃13;

Answer 2

请尝试以下代码：

alert($(".selected").attr('value'));

Answer 3

不使用 .data（）

$("#test").click(function() {
   console.log($(".selected")[0].attributes[1].value);
   console.log($(".selected")[0].attributes[1].nodeValue);
   console.log($(".selected")[0].attributes[1].textContent);
});

Fiddle

Answer 4

您无法获得列表项的完整值，因为它只接受数字，只能在有序列表中接受。你需要做的是使用自定义html属性，比如你的profix数据，这样你以后就不会遇到一些jquery插件的问题了。

这是一个例子。

weq Disponivel

var value = $（'li'）。data（'prefixValue'）;

重要的是要注意jquery将使用camelcase'prefixValue'并使用破折号将其转换为正确的格式，并在开头添加'data-'。我希望这有帮助。

Jquery没有从html获得全部价值

4 个答案: