Question

单击“uploadChoice”中的一个div时，如何确定单击哪一个？我可以以某种方式返回'eq'值吗？

 <div id=uploadChoice>
     <div>Text</div>
     <div>Image</div<
    <div>Text & Image</div>
</div>



$("#uploadChoice div").click(function(){
    //insert code here! :)   
});

Answer 1

$('#uploadChoice div').click(function(event) {
  var index = $(this).index();
});

Answer 2

不需要复制选择器的更简单的替代方法如下

$('#uploadChoice div').click(function(event) {
  var index = $(this).prevAll().length;
});

Answer 3

您也可以添加选择器，并将“$（this）”作为参数传递：

$(document).on('click', 'button.testbutton', function () {
  
  var index = $('div.example > div.xyz').find('button.testbutton').index($(this));

});

Answer 4

您可以使用

获取div的内容

$("#uploadChoice div").click(function(){
    var choice = $(this).html;
}

然后只需执行switch语句或一些嵌套ifs。

就个人而言，我会为每个div添加一个ID，然后检查点击元素的ID。

在Jquery中，您如何找到被点击的元素的'eq'？

4 个答案: