的getElementById在有序列表

Question

我有这样的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> 

我想对我的两个立“箭头”添加点击功能，但我不能选择它们。我尝试这样做：

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")）。

Answer 1

我会去：

$("#leftArrow").click(hazaa()); 
$("#rightArrow").click(hazaa()); 

function hazaa(){ } 

而且你还可以传递参数，如果你想要做的略有不同的东西，这取决于箭头点击。

$("#leftArrow").click(hazaa("left")); 
$("#rightArrow").click(hazaa("right")); 

function hazaa(direction){ alert(direction); } 

Answer 2

如果你想获得他们都是由ID，然后用这个片段：

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

或者，如果你想分别访问他们：

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

你也可以让他们像这（也可能返回比期望更多的元素）：

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

Answer 3

只要选择由ID的元素和使用jQuery

$('#arrowLeft').click(function(){ 

}) 

$('#arrowRight').click(function(){ 

}) 

Answer 4

$("#arrowRight")和jQuery的$("#arrowLeft")应该让你左，右箭头事件处理程序绑定到它

。然后您可以使用on(),delegate()或click()来分配处理程序。您也可以仅执行document.getElementById("arrowLeft")或document.getElementById("arrowRight")来执行相同的选择。你上面的问题之一是在this.$arrowLR.getElementById("arrowRight");你试图在包含dom元素列表的jquery对象上使用javascript函数。