Question

   var hslider_slider_id = jQuery('.hslider_misc_holder').attr('id').slice(8);
   activate_width_checker(1080, 1080, 'responsive', hslider_slider_id);

此代码覆盖了fullpage.js和WP Hero Slider之间的冲突我有两个带有两个滑块的页面。在第一个滑块上成功调用此代码，但不是第二个滑块。我需要重构代码，以确保在第二个滑块上调用JS函数，该滑块具有相同的ID .hslider_misc_holder，而不仅仅是第一个。我是否需要通过循环运行才能实现这个目标？

或使用.map

冲突导致Hero Slider无法加载全尺寸。

蚂蚁

Answer 1

首先，。 prefix表示类而不是ID。＃前缀应该用于按id选择元素。

更新您的问题以包含HTML代码段，以便我了解结构。

听起来你想按类选择多个元素然后循环这些元素并将id（或对象的直接引用）传递给函数。

search

Answer 2

---更新

当你调用$(".hslider_misc_holder").each(function () { activate_width_checker(1080, 1080, 'responsive', $(this).attr("id").slice(8)); });时，jQuery将只返回集合中第一个元素的ID。你将不得不看一下这套：

{{1}}

Answer 3

您可以在选择器中使用REGEX。例如，在onclick事件上。关于html中的两个元素：

<div id="div1">DIV1</div> <div id="div2">DIV2</div>

现在使用JavaScript：

`

$('[id ^= DIV').on('click', function(){alert();});

`

REGEX选择器允许在html中查找具有相同模式的所有id。

我希望能帮助你。

在页面上的所有ID上执行JS功能

3 个答案: