jquery - 顺序列表中的getElementById

我在html中有这个：

<ul class="ei-slider-arrows">
  <li id="arrowLeft" ><img src='images/close.png'/></li>
  <li id="arrowRight" ><img src='images/close.png'/></li>
</ul>

我正在尝试在两个li“箭头”上添加一个点击功能，但是我无法选择它们。我尝试了这个：

this.$arrows     = this.$el.find('ul.ei-slider-arrows');
this.$arrowLR    = this.$arrows.children('li');
this.$arrowRight = this.$arrowLR.getElementById("arrowRight");

我可以在this.$arrowLR上添加一个功能，但是我无法选择arrowRight。
在这里，我尝试使用getElementById，但也尝试使用get(0)和get(1)。

有人知道为什么它不起作用吗？

如果我执行console.log(this.$arrowRight)，则在两种情况下（[]和get()）都仅在控制台中显示getElementById("arrowRight")。

最佳答案

如果您想同时通过ID获取它们，请使用以下代码段：

var arrowsBoth = $('#arrowLeft, #arrowRight');

或者，如果您想单独访问它们：

var arrowLeft = $('#arrowLeft');
var arrowRight = $('#arrowLeft');

您也可以像这样获得它们（也可能返回比期望更多的元素）：

var arrows = $('ul.ei-slider-arrows li');