Question

现在我正在使用＆＃34; Perfect Scroller＆＃34;这是一个自定义滚动条插件。

我按照文档进行设置。Here

我使用下面的代码，每一个都很好。

var container = document.getElementById('container');
Ps.initialize(container);

但是，我希望用＃34; ClassName＆＃34;不是＆＃34; ID＆＃34;因为有很多地方。

我知道我可以使用

var container = document.getElementsByClassName('selected_area')[0];

但这只是一个因素。

我的问题是如何通过ClassName做到这一点？

Answer 1

你可以循环：

这会迭代所有容器并独立初始化它。

Answer 2

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

<p>Paragraph1 content goes here</p>
<p>Paragraph2 content goes here</p>
<p id="myParagraph1" style="display:none;">Some text</p>
<p id="myParagraph2" style="visibility:hidden;">Some text</p>
<p id="myParagraph3" style="opacity:0;">Some text</p>

虽然我没看过你正在使用的这个插件，所以我不知道它是否应该多次初始化。希望这有帮助

Answer 3

你也可以使用：

var container = document.querySelectorAll('.selected_area');

此外，您可以将其转换为数组（只有在您想使用标准数组方法时才需要它）

 var contArr = [].slice.call(container)

在这种情况下，您可以将其与forEach

一起使用

 contArr.forEach(function(x){Ps.initialize(x)}

如何通过类名在每个元素上使用函数？

3 个答案: