点击li：nth-​​child（n）通过javascript

Question

我试图通过提交按钮点击特定链接。

基本上我有一个带有大量li的ul，其链接为class =＆＃34; episodeLink＆＃34;您可以在http://8animetv.co.vu/onepiece上看到每个李。

我添加了一个输入框，您可以在其中编写一个数字，按下Watch并通过javascript函数，它应该点击.episodeLink：nth-​​child（n）。

我写过这样的javascript

<script type="text/javascript">

    function openEpisode() {
    var input = document.getElementById('input');
    var allEpisode = $(".episodeLink").length + 1;
    var click = allEpisode - input.value;
    document.getElementsByClassName("episodeLink:eq('+click+')").click();
}

</script>

所以当你写f.ex. 5它将首先获取数字5，然后计算.episodeLink的数量并添加1，以便您可以减去第一个数字（在此示例中为5）并找到我必须使用的.episodeLink选择点击。我已经用警报（点击）测试了数字;并且每次都是正确的数字。

我只需要知道如何调用Javascript来点击.episodeLink：nth-​​child（点击）; ？

Answer 1

getElementsByClassName仅用于匹配类名，不能将:eq等CSS选择器放入其中。它返回一个类似于数组的NodeList，因此您可以将其编入索引。

document.getElementsByClassName("episodeLink")[click].click();

Answer 2

$(".episodeLink").eq(click).click();不那么冗长，应该有用。

Answer 3

如果您使用的是jQuery，则可以使用：eq 选择器。

JS代码：

(".episodeLink:eq("+click+")").click();

或

$(".episodeLink").eq(click).click();

参考：https://api.jquery.com/eq-selector/