javascript - 使用jquery获取多个元素的属性值。然后使用它们

Question

我有以下 HTML:

  <span class="thumbnav" id="?"><?php get_the_image(); ?></span>
  <span class="thumbnav" id="?"><?php get_the_image(); ?></span>

  <div class="?" style="display:none;">
       Some image, and a bit of text are staring at you.
  </div>

  <div class="?" style="display:none;">
       Some image, and a bit of text are staring at you.
  </div>

我的目标是使用 jQuery 查找每个 <span> 的 ID 值，然后使用该 ID 设置一个 .click() 事件来触发.div> 元素上的show() 函数。

到目前为止我有这个:

var clasid = $(".thumbnav").attr("id");

 $("#" + clasid).click(function () {
 $("." + clasid).show();
});

这有效，但仅适用于第一个<跨度>。

所以我想知道是否有办法让这个脚本适用于所有跨度，我阅读了 jQuery 文档，他们建议使用 .map() 或 .each( )，但我一直无法弄清楚。

如果有人能给我提示如何隐藏在显示新 <div> 时处于事件状态的 <div>，那就太好了。

谢谢!

Answer 1

您可以编写类事件并动态访问该元素 id:

$(".thumbnav").click(function(){

$("." + this.id).show(); // this.id will give you clicked element id

})

参见FIDDLE EXAMPLE