<div id="calcwrapper">
<img class="sugarcube" src="images/sugarcube.png" width="13" height="17">
<div id="drinks">
<a id="drink1" href=""><img src="images/drinkicon1.png" width="84" height="81"></a><div class="drink1"></div>
</div>
</div>
在上面的例子中,只有一个饮料按钮,但我的代码包含八个按钮.每个都有一个相应的同名的div类.我正在尝试做的是"动态"抓取锚标签的id(id ="drink1"),将克隆糖块图像(img class ="sugarcube"...)附加到等效的类名div(类= "drink1").我希望这听起来并不令人困惑.也许下面不成功的尝试会让你知道我想要实现的目标.
尝试1
$(".sugarcube").clone().attr("class", "sugarcube" + i).appendTo($(this).parent((".drink1").attr("class")));
尝试2(尝试通过控制台找到工作解决方案)
var className = $(this).attr("id");
console.log(className);
console.log($(this).parent().children("div").hasClass(className));
我搜索了Google和StackOverflow,但没有找到任何代码示例.谢谢您的帮助.
这是完整的HTML代码上下文......
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.min.js"></script>
<script src="js/jquery-animate-css-rotate-scale.js"></script>
<script>
$(function() {
$(".sugarcube").hide();
var max = 8;
function animateSugarcubes() {
for (var i=1; i<=max; i++) {
$(".sugarcube" + i).css("position", "absolute");
$(".sugarcube" + i).css("top", Math.ceil(Math.random() * (50 - 20) + 20));
$(".sugarcube" + i).css("left", Math.ceil(Math.random() …