Question

我在jquery中尝试了if else语句，但它无效。我的代码就是这样。

jQuery(document).ready(function () {
        jQuery(".checkboxes").hide();
        //toggle the componenet with class msg_body
        jQuery(".Select").click(function () {
            jQuery(this).next(".checkboxes").slideToggle(500);
            if ($(".select").text() == "+") {
                alert('hi');
                $(".select").html() == "-"
            }
            else {
                $(".select").text() == "+";
            }
            return false;
        });
    });

任何帮助将不胜感激。

Answer 1

我想这是一个错字。把点头事件中的大写“S”代替“s”。

尝试以下代码： -

if ($(".Select").text() == "+") {
                alert('hi');
                $(".Select").html("-");
            }
            else {
                $(".Select").text() == "+";
            }

或简单地使用$（this）如下： -

 if ($(this).text().trim() == "+") {
            $(this).html("-");
        } else {
            $(this).text("+");
        }

Answer 2

您无法为函数调用指定值。您的代码应该抛出类似Uncaught ReferenceError: Invalid left-hand side in assignment

的错误

jQuery(function ($) {
    $(".checkboxes").hide();
    //toggle the componenet with class msg_body
    $(".Select").click(function () {
        $(this).next(".checkboxes").slideToggle(500);
        $(this).text(function (i, txt) {
            return txt.trim() == '+' ? '-' : '+'
        })
        return false;
    });
});

Answer 3

看看这个小提琴：JsFiddle 您应该将代码更改为此代码，同时将其分配为$(".Select").html("-");

jQuery(document).ready(function () {
        jQuery(".checkboxes").hide();
        //toggle the componenet with class msg_body
        jQuery(".Select").click(function () {
            jQuery(this).next(".checkboxes").slideToggle(500);
            if ($(".Select").text() == "+") {
                alert('hi');
                $(".Select").html("-");
            }
            else {
                $(".Select").text("+");
            }
            return false;
        });
    });

Answer 4

首先，您使用的是两个不同的类.Select和.select。我认为问题在于此。第二件事，它应该是html('-')而不是html() == '-'，因为它是一个逻辑/条件语句，它将返回一个布尔值。它不是一个赋值语句。所以你的代码应该是：

jQuery(document).ready(function () {
    jQuery(".checkboxes").hide();
    //toggle the componenet with class msg_body
    jQuery(".select").click(function () {
        jQuery(this).next(".checkboxes").slideToggle(500);
        if ($(".select").text() == "+") {
            alert('hi');
            $(".select").html("-");
        }
        else {
            $(".select").text("+");
        }
        return false;
    });
});

我认为正确的课程为select，因为您使用的课程超过Select。

if和else部分不在查询中工作

4 个答案: