javascript - 我喜欢在一个 div 中选择一个图像，该图像位于 Javascript 中的另一个 div 中

Question

我是 Javascript 的新手，在选择另一个 div 中的 div 时遇到问题。

我有一个名为“kaartdeck”的 DIV。在这个 DIV 中，每张卡片还有 78 个其他 div。在这些 div 中有卡片的 .jpg 文件。现在我想从分布中选择一张卡片(使用 onclick 函数)，但我没有得到正确的语法。

也许这不是解决此问题的正确方法。有什么建议吗？

<div id="kaartdeck" class="symbolonkaart" onclick="showDiv()">

这是生成 div 的方式:

//presenting the cards
for (var i = 0; i < 78; i++) {
    document.write("<div id=" + ("kaart" + [i]) + ">" + "<img src='" + (kaart[i].nr +     ".jpg") + "' width='110' height='180' onclick='showDiv()'/></div>");
};

这是 head 部分的 showDiv 函数(不好):

function showDiv() {
    document.getElementById("kaartdeck").style.display = "block",  divContent = kaartdeck.innerHTML;
    return false;
};

Answer 1

最好像这样传递对被点击元素的引用...

HTML:

<div id="kaartdeck" class="symbolonkaart" onclick="showDiv(this)">

jQuery:

//presenting the cards
for (var i = 0; i < 78; i++) {
  document.write("<div id=" + ("kaart" + [i]) + ">" + "<img src='" + (kaart[i].nr +     ".jpg") + "' width='110' height='180' onclick='showDiv(this)'/></div>");
};

function showDiv(ele) {
 $(ele).css('display': 'block');
 $(ele).html('<p>your html here</p>'); // using jQuery instead of innerHTML
 // ... etc
 return false;
};