Jquery -将函数与.click和'this‘一起使用

Question

糟糕的标题--抱歉。

我正在使用Embedly，我发现它有点难以理解。

我的目标是从一个API中提取一个标题和网址，然后列出大约25个标题，并有一个按钮，当按下时会显示来自embed.ly的嵌入网址。

我目前的问题是，当我按下按钮显示嵌入的url，而不是只显示我按下的1个链接时，它决定一次显示所有25个链接。令人沮丧。

下面是我的代码：

$('#content').append('<div id="highlight"><h1 id="headline">
<a href="'+URL+'" base target="_blank">'+title+'</a></h1></br>
<img class="dropDown" src="images/drop-down.png" alt=""/>
<a class="embedly-card" href="'+URL+'"></a></div></br>');

$('.embedly-card').hide().removeClass('hide');

所以这很好用，embedly-card隐藏起来了，一切都很完美。我正在努力的部分是：

$(".dropDown").click(function() {
$(this).siblings('.embedly-card').toggle().toggleClass('toggle');

//This is the embedly code that creates the embeded features...
!function(a){var b="embedly-platform",c="script";if(!a.getElementById(b)){var d=a.createElement(c);d.id=b,d.src=("https:"===document.location.protocol?"https":"http")+"://cdn.embedly.com/widgets/platform.js";var e=document.getElementsByTagName(c)[0];e.parentNode.insertBefore(d,e)}}(document);
//End of embedly code...

$(this).toggleClass("on");

所以就像我之前说的，当我点击dropDown的时候，它嵌入了所有的25个url，而不是仅仅切换我想要嵌入的1个url，我不知所措。我该怎么解决这个问题？谢谢。

Answer 1

这应该会让你对问题有个大概的了解。

$('.dropDown').each(function(){
  // $(this) is each .dropDown
  // so it's like $(this).click(function(){});
}

你想对每一个人都这样做。我没有看到足够的代码来得出任何其他结论，或者如果你的其余代码是正确的。