场景：不单单是要获取子元素，还要知道子元素是哪个，比如click某个子元素后切换图片问题：除了通过在HTML标签上添加class、id或者自定义属性添加值似"1","one","2"，"two"之外，大家有比这更好的解决方法吗？补充：有些回答好像没看清我的问题，我不是要单单获取某个子元素，而是想要知道这个子元素在父元素的位置在哪
走同样的路，发现不同的人生
jquery有index方法
你可以在你的html结构中加入 data-xx的属性 去标记 当前元素是什么 然后点击的时候获取 $(this).attr('data-xx') 去确认当前的子元素是哪个 然后去切换相应的图片
html
data-xx
$(this).attr('data-xx')
给子元素绑定事件 $('ul li').on('click', function (){console.log($(this));});。 点击时用 $(this)就可以获取到当前被点击的元素了
现在最流行的方法就是在标签中添加data-xxx来确认序列位置。
data-xxx
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
jquery有index方法
你可以在你的
html结构中加入data-xx的属性 去标记 当前元素是什么 然后点击的时候获取$(this).attr('data-xx')去确认当前的子元素是哪个 然后去切换相应的图片给子元素绑定事件 $('ul li').on('click', function (){console.log($(this));});。 点击时用 $(this)就可以获取到当前被点击的元素了
现在最流行的方法就是在标签中添加
data-xxx来确认序列位置。