检查元素是否存在两个属性

Question

前两个if语句有效，但当检查select选项是否同时具有这两个属性时，它不会显示正确的消息。如何更改以允许检查这两个属性？

        $("select option").each(function () {
            if ($(this).attr('data-disabled')) {
                $(this).append('\'s account is disabled');
            } else if ($(this).attr('data-locked')) {
                $(this).append('\'s account is locked out');
            } else if ($(this).attr('data-disabled') && $(this).attr('data-locked')) {
                $(this).append('\'s account is disabled & locked');
            };
        });

Answer 1

您的第一次if次点击，表示您的else没有投放。只需将您的第三个if移到第一位。

Answer 2

移动你的最后一个if if成为第一个：

$("select option").each(function () {
    if ($(this).attr('data-disabled') && $(this).attr('data-locked')) {
        $(this).append('\'s account is disabled & locked');
    } else if ($(this).attr('data-disabled')) {
        $(this).append('\'s account is disabled');
    } else if ($(this).attr('data-locked')) {
        $(this).append('\'s account is locked out');
    } 
});