Question

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

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

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

echo "</ul>";   
?>

当我点击任何按钮（项目5除外）时，它会给我一个带有下一个id元素的警报，这正常我需要这样做的时候，当我点击按钮项目5给我另一个警报我试图这样做但每次控制台给我这条消息：

Uncaught TypeError: Cannot read property 'id' of null

Answer 1

获取元素的ID（如果仅存在）！我添加了if条件。

function editMediaInfo(mediaID){
var nex =   document.getElementById(mediaID).nextElementSibling.nextElementSibling;
var nextId="";
if(nex!=null){
  nextId=nex.id;
  alert(nextId);
}
else{
alert("no next element");
}
console.log(nextId);
}

如何使用javascript获取列表项中的第一个和最后一个元素

1 个答案: