jQuery未捕获的语法错误：非法的break语句。

Question

jQuery未捕获的语法错误：非法的break语句。

7

未捕获的语法错误：非法break语句

当我尝试退出循环时，我得到了这个警告。我想要在条件满足时打破循环。在示例代码中，我有两个活动类，我希望在遇到第一个活动类时完全跳出循环。

<ul>
    <li id="foo1" class="bar">1</li>
    <li id="foo2" class="bar">2</li>
    <li id="foo3" class="bar">3</li>
    <li id="foo4" class="bar">4</li>
    <li id="foo5" class="active">5</li>
    <li id="foo6" class="bar">6</li>
    <li id="foo7" class="bar">7</li>
    <li id="foo8" class="active">8</li>
</ul>

js

$(function(){
    function setup(){
        var x,y,z;
         $("ul li").each(function(){
             //console.log($(this)[0].className);
             if($(this)[0].className === 'active'){
                 x = $(this)[0].className;
                 y = $(this)[0].tagName;
                 z = $(this)[0].id;
                 break;
             } 
         });
        var return_values = {
            class : x,
            tag : y,
            id : z
        }
        return(return_values);
    }
    var data = setup();
    console.log(data.class,data.tag,data.id);
});

JSFIDDLE 在这里

- Puni

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Rory McCrossan · Accepted Answer

要退出each()中的匿名函数，请使用return false。还要注意，使用DOMElement创建jQuery对象，然后访问DOMElement的属性是完全冗余的。请尝试这样做：

$("ul li").each(function() {
    if (this.className === 'active') {
        x = this.className;
        y = this.tagName;
        z = this.id;
        return false;
    } 
});

请注意，您的代码实际上只选择了第一个 .active 元素，因此循环是多余的。您可以直接选择该元素并从中检索必要的属性。请尝试以下内容：

const $li = $('ul li.active:first');
let x = $li.prop('className');
let y = $li[0].tagName;
let z - $li.prop('id');