jQuery无法从li(list)元素获取完整值属性

Question

HTML源代码,我想从中获取"整个"值:

<li title="child-.11 02 C" class="dragable second" value="160|.11 02 C" style="">.11 02 C Dach Rohrgerüst 0,7m</li>

这个js代码不是我期望的列表元素,但适用于选择框选项:

$(document).on('click','select#ArtikelNr, ul#dragableElements li.selected',function() {
    $('.product-txt').remove('');
    // Get ID Example [FIRST IDENTIFIER]|[[FIRST IDENTIFIER]
    var prodNr = $(this).val();
    console.log(prodNr)

它只给了我"160".

即使我将分隔符更改为[/]或[ - ]或[],问题仍然相同.我的第一个想法是修剪空白和其他非alphnum字符,但我也没有运气.

使用:jquery-1.8.3.min.js jquery-ui-1.9.2.custom.min.js

任何的想法？

最好的ELEx

Answer 1

您不能使用value的li元素包含任何数字以外.

引自moz-docs:

即使列表显示为罗马数字或字母,此属性的唯一允许值也是数字.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/li

因此,您不应使用此属性来存储数据.

如果你愿意,你可以使用data-attribute:

<li title="child-.11 02 C" class="dragable second" data-value="160|.11 02 C">.11 02 C Dach Rohrgerüst 0,7m</li>

要获得该值,请使用:

$(this).data('value');

演示:http://jsfiddle.net/samliew/ZgMze/