javascript - JQuery 从 获取值

Question

尝试从 <li> 获取值在JQuery点击事件中。我使用无序列表作为选择表来代替真正的下拉列表。

HTML:

<ul id="dropdown">
 <li value="1">user name</li>
 <li value="2">user age</li>
 <li value="3">user height</li>
</ul>

JS:

$('#contactdiv1 #dropdown li').click(function(e) {
      var selection = $(this).text(); //this alerts name
      var selection = $(this).value(); // this fails object undefined
      var selection = $(this).find("value").text(); // this is blank
      alert(selection);
     //populateTableRow($('#customer-title'), data, selection);
});

Answer 1

首先，您不应该使用 value属性 <ul>它仅保留给 <ol> .

您始终可以使用 $("selector").attr("attribute")获取元素中存在的任何属性的值。

正如评论中所述，您应该使用 data-*所有非纯 HTML 的属性。