javascript - if 和 else 都不触发

Question

这是我的陈述:

$(document).ready(function() {
    $('#search_option').change(function() {
        alert('changed');
        if( $('#search_option').val() == "wiki" ) {
            $('#search_form').setAttribute('action', "http://www.wikipedia.org/search-redirect.php");
            $('#search_bar').setAttribute('name', "search");
            alert('Got inside wiki');
        } else {
            $('#search_form').setAttribute('action', "http://www.google.com/search");
            $('#search_bar').setAttribute('name', "q");
            alert('Got inside google');
        }
    });
});

“进入内部”警报都没有触发，这意味着它们都没有运行，对吗？我似乎无法弄清楚为什么 if 语句的两个部分都没有运行，至少有一个应该运行

Answer 1

setAttribute是一个dom元素节点方法使用.attr()这就是 jQuery 方法

$(document).ready(function() {
    $('#search_option').change(function() {
        alert('changed');
        if( $('#search_option').val() == "wiki" ) {
            $('#search_form').attr('action', "http://www.wikipedia.org/search-redirect.php");
            $('#search_bar').attr('name', "search");
            alert('Got inside wiki');
        } else {
            $('#search_form').attr('action', "http://www.google.com/search");
            $('#search_bar').attr('name', "q");
            alert('Got inside google');
        }
    });
});

由于 setAttribute 不是 jQuery 对象的方法，因此会产生错误并且代码停止执行，因此它永远不会到达警报。