javascript - Jquery - 使用带有 .click 和 'this' 的函数

Question

糟糕的标题——抱歉。

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

我的目标是从 API 中提取标题和 url，然后列出大约 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 时，我并没有只切换我想要嵌入的 1 个 url，而是嵌入了所有 25 个 url，我不知所措。我该如何解决这个问题？谢谢。

Answer 1

这应该能让您了解问题。

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

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