javascript - 而不是李，它的 child 被点击

Question

我这里有一个列表:

<ul id="orderlist">
    <li id="2">
      <span class="pull-right value">Ready</span>
      <img src="" class="img-responsive"> Filet Mignon 
      <small>2 servings</small>
      <small>Note: No lettuce </small>
    </li>
    <li id="3">
      <span class="pull-right value">In Progress</span>
       <img src=""  class="img-responsive"> Tarte Tatin
      <small>2 servings</small>
    </li>
 </ul>

我有一个用于点击每个 li 的 JavaScript :

$("body").on("click", "#orderedlist li", function(e) {
    $contextMenu.css({
      display: "block",
      left: e.pageX,
      top: e.pageY
    });
    oiID = $(e.target).attr('id');
    return false;
});

它有效，但如果我点击 <img>或 li 中的其他元素, 它返回 undefined对于 oiID因为它获取的子元素不是 li .我怎样才能解决这个问题，即使我点击父元素中的元素，li应该是公认的。

Answer 1

使用 $(this) 代替 $(e.target)。

oiID = $(this).attr('id');