gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 12:28:51 26 4
gpt4 key购买 nike

我有以下 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>,那就太好了。

谢谢!

最佳答案

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

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

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

})

参见FIDDLE EXAMPLE

关于javascript - 使用jquery获取多个元素的属性值。然后使用它们,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24624149/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com