将变量从accordion传递给JS函数

Question

我有一架10节的手风琴。我还有一些JS，它有一些从flickr获取图片的代码。我希望能够单击accordion并使用与accordion部分相关的图像填充accordion部分中的div。示例

SUV

汽车

卡车

当用户单击cars accordion部分时，我想用cars填充cars部分accordion中的div。我已经有手风琴和图像工作了。我需要添加一块，使手风琴部分的点击添加适当的图像。

Answer 1

如果我理解你的意思，你有一些像这样的HTML：

<div id="SUVs" class="accordionElement"></div>
<div id="Cars" class="accordionElement"></div>
<div id="Trucks" class="accordionElement"></div>

并且您需要必要的Javascript来将某些图像附加到其中的每一个。首先，您必须将HTML更改为以下内容(例如)：

<div id="SUVs" class="accordionElement" onclick="appendImage(this);"></div>
<div id="Cars" class="accordionElement" onclick="appendImage(this);"></div>
<div id="Trucks" class="accordionElement" onclick="appendImage(this);"></div>

然后输入如下所示的Javascript代码：

function appendImage(element){
    $(element).append('<img src="pathFromImage/' + $(element).attr('id') + '.jpg" />');
}