无法从函数返回值

Question

我想从包含匿名函数的函数返回值。

function getSingleCheckedItemId() { 
    return $(".data-table-chk-item").each(function() { 
     if ($(this).is(":checked")) { 
      var value = $(this).attr("value"); 
      return value; 
     } 
    }); 
    } 

在这种情况下，它返回我所有的复选框的数组。如果我删除第一个return，它将不会返回值，但undefined。

那么如何从getSingleCheckedItemId()返回值呢？

Answer 1

.each总是返回包含您遍历所以所有元素的jQuery对象：

function getSingleCheckedItemId() { 
    var ret; 
    $(".data-table-chk-item").each(function() { 
     if ($(this).is(":checked")) { 
      ret = $(this).attr("value"); 
      return false; //breaks out of .each 
     } 
    }); 
    return ret; 
} 

此外，this.value通常是在你处理表单输入的情况下比$(this).attr('value')一个更好的选择 - 好像你有radio/checkbox由于他们的checked财产。另外，this.checked返回一个布尔值，因此不需要$(this).is(':checked')。

---

我相信你的逻辑可以简化为：

function getSingleCheckedItemId() { 
    return $(".data-table-chk-item:checked").val(); 
} 

这样，如果没有元素被选择，这不相同匹配.val()将返回第一个:checked项目或undefined的价值作为上面的循环。

Answer 2

你可以这样做：

function getSingelCheckedItemId() { 
    var elements = $(".data-table-chk-item:checked"); 
    return (elements.length > 0) ? $(elements[0]).val() : undefined; 
} 

Answer 3

我会做这样的

function getSingleCheckedItemId() { 
    var ret; 
    $(".data-table-chk-item").each(function() { 
     if ($(this).is(":checked")) { 
      ret = $(this).attr("value"); 
     } 
    }); 
    return ret; 
}