将变量从手风琴传递给 JS 函数答案

【问题标题】：Pass variable from accordion to JS function将变量从手风琴传递给 JS 函数
【发布时间】：2018-11-30 23:18:14
【问题描述】：

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

SUV

汽车

卡车

当用户单击汽车手风琴部分时，我想用汽车填充汽车部分手风琴中的 div。我已经有手风琴和图像工作。我需要添加作品以使手风琴部分的点击添加适当的图像。

【问题讨论】：

标签： javascript html function dynamic accordion

【解决方案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" />');
}

【讨论】：

我在 $(this).append('') 上收到“Uncaught SyntaxError: Unexpected identifier”；跨度>
那是我的错，我已经编辑了答案。非常感谢。