Javascript 从列表中的选定项获取属性值

在MVC应用程序中，我有一个列表：

<ul>
 <li class="list-item" data-action="open" data-id="1"><form>...A..<form/></li>
 <li class="list-item" data-action="open" data-id="2"><form>...B..<form/></li>
 <li class="list-item" data-action="open" data-id="3"><form>...C..<form/></li>
</ul>

---

尝试以下操作：您已在

ul

下注册了

li

s的单击事件处理程序。因此，只需读取

$（this）.data（'id'）

即可获取单击的

li

的

数据id

，而不是从其父元素（即

e.currentTarget.parentElement）读取

注意：-我在下面的代码中删除了
此
，因为我没有引用它


var$list=$（document）.find（“ul”）.first（）；
$list.on（“单击”，“li[数据操作=\”打开\“]”，函数（e）{
var elemId=$（this.data（'id'）；
警报（elemId）；
});


…A
…B
…C

  this.$list = this.find("ul").first(); 
  this.$list.on("click", "[data-action=\"open\"]", function (e) {

         var x = e.currentTarget.parentElement;//it brings me all the li elements , not just the one that was selected
         var elem=x.data('id');
    });