我试图使用一个JavaScript库,它需要一个特定的HTML结构,但不幸的是,我不允许改变它。
结构来自一个模板,我必须使用我所拥有的。
重点是我尝试复制每个图像的src并将其作为data-largesrc=“image/source/here”放入。
任何线索,我怎么能做到这一点?我有这个直到现在,但它不工作的预期:
$(document).ready(function () {
$("a").attr('data-largesrc', "'" + $("a").children().attr('src')) + "'");
});
HTML的结构是这样的:
<div class="container">
<div id="products" class="productsList main">
<ul id="og-grid" class="list og-grid">
<li class="l1 i1 column1">
<a href="?17,barracuda-email-security-gateway" tabindex="-1">
<img src="files/150/BARRACUDAESG.jpg.png" alt="BARRACUDAESG.jpg.png">
</a>
</li>
</ul>
</div>
</div>
我相信这应该很容易解决,但我似乎找不到解决办法。如果你能帮助我,非常感谢!
4条答案
按热度按时间xzabzqsa1#
试试看
70gysomp2#
children()
方法返回父元素的所有直接子元素。换句话说,它将返回一个数组。您要查找的是单个对象。无论如何,最好使用
data()
函数hts6caw33#
首先,你不需要额外的引号。其次,你应该使用.first()而不是.children(),因为.children()将返回一个数组,而.first()将返回第一个子数组(而你的只有一个子数组)。
wn9m85ua4#
真实的工作脚本