javascript - 为每个函数获取元素 & 的所有 2 级子级

Question

我正在尝试实现一个名为 kort kort plugin 的插件，很酷的拇指。问题是插件被编码为以这种方式工作所有 img 必须是 div 的直接子级，例如

<div class="kort">
<img src="my_img.png" />
<img src="my_img.png" />
<img src="my_img.png" />
<img src="my_img.png" />
<img src="my_img.png" />
<.div>

但在我的情况下，我需要添加一个指向 img 的链接，所以看起来像

<div class="kort">
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<a href="#"><img src="my_img.png" /><a/>
<.div>

这里的插件核心核心我认为第91行是问题的根源，但我不确定，我试图编辑和修改代码的几部分但徒劳无功。

Answer 1

您可以更改查找元素的方式。您可以查找图像标签，而不是寻找孩子。

代码现在做了什么：

function updateState() {
    elementLeft = element.offsetLeft;
    elementWidth = element.offsetWidth;
    elementChildren = [].slice.call( element.children );
}

你可以尝试做什么：

function updateState() {
    elementLeft = element.offsetLeft;
    elementWidth = element.offsetWidth;
    elementChildren = [].slice.call( element.getElementsByTagName("img") );
}