javascript - if 和 else 都在执行 Javascript/JQuery

Question

第二个 if 语句运行良好，但第一个 if 语句始终与 else 语句一起执行，并且从不孤独

整个 jquery 函数位于另一个在内部调用的函数内“$(document).ready”命令

刚刚使用console.log()来找出问题出在哪里，但不幸的是不知道它

$("#pager").on("click", "li", function () {

    if ($(this)[0] == $("#pager > li:first-child")[0]) {
        console.log("first")
        selected--;
    }

    if ($(this)[0] == $("#pager > li:last-child")[0]) {
        console.log("last")
        selected++;
    }

    else {
        console.log("numbers")
        selected = $(this).html();
    }
});

Answer 1

你的第二个if应该是一个else if，这就是原因。

$("#pager").on("click", "li", function () {

    if ($(this)[0] == $("#pager > li:first-child")[0]) {
        console.log("first")
        //selected--;
    }

    else if ($(this)[0] == $("#pager > li:last-child")[0]) {
        console.log("last")
        //selected++;
    }

    else {
        console.log("numbers")
        //selected = $(this).html();
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul id=pager><li>test</li></ul>