将手风琴中的变量传递给JS函数

Question

我的手风琴有10节。我也有一些JS，其中包含一些可从flickr获取图像的代码。我希望能够单击手风琴，并在手风琴部分中填充一个div，该div中单击的是与手风琴部分有关的图像。 例子

SUV

汽车

卡车

当用户单击“汽车”手风琴部分时，我想在“汽车”手风琴部分的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" />');
}