Question

我想获得下一个元素：

<script>
function editMediaInfo(mediaID){
   var x = document.getElementById(mediaID);
   alert(x.nextElementSibling.id);
}
</script>

<?php
    $x = 1;
    echo "<ol>";

    while($x <= 5)
     {
        echo "<li id={$x}> item {$x} </li>";
        $x++;
    ?>
        <button onclick="editMediaInfo('<?php echo $x; ?>')">Click</button>
    <?php
    }

    echo "</ol>";
 ?>

当我点击它时，会给我一个没有任何警报的警报。我想获得下一个元素的ID。

Answer 1

您似乎使用了不正确的Javascript函数。使用target功能。将<plugins> <plugin> <artifactId>maven-resources-plugin</artifactId> <version>2.7</version> <executions> <execution> <id>copy-resources</id> <phase>compile</phase> <goals> <goal>copy-resources</goal> </goals> <configuration> <outputDirectory>${basedir}/target/classes/sun/security/tools</outputDirectory> <resources> <resource> <filtering>false</filtering> <directory>${basedir}/src/main/java/sun/security/tools/</directory> <includes> <include>*.class</include> </includes> </resource> </resources> </configuration> </execution> </executions> </plugin>替换为nextSibling。我在下面提供了一个示例。

nextElementSibling

我找到并尝试解决方案的地方是here。我建议将来使用此网站获取有关Javascript的帮助。

Answer 2

简单使用：

document.getElementById(mediaID).nextElementSibling.nextElementSibling.id

如何通过java脚本获取下一个元素

2 个答案: