使用$ each内的jQuery获取输入值

Question

我有一个$ each，可以很好地收集jQuery包装的一组输入。 我想遍历它们并获得它们的价值。 当我控制台日志$（this）时，它正确地显示了所选输入，但在显示未定义后加上.val（）。 救命？

        var currentMACBindings = $("div[class*='mac-row-']");

        $.each( currentMACBindings, function( key, value ) {
            console.log("key is ", key);
            console.log("value is ", $(this));        // this works
            console.log("value is ", $(this).val());  // this no workie
        });

Answer 1

假设您的div具有value属性：

    $("div[class*='mac-row-']").each(function( idx, element ) {
        console.log("key is ", idx);
        console.log("value is ", $(element).attr('value') );
    });

否则，如果输入：

    var currentMACBindings = $("input").each(function( idx, element ) {
        console.log("index is ", idx);
        console.log("value is ", $(element).val() ); 
    });

Answer 2

因为您正在选择Div。 Div没有val()方法。 val()方法用于获取文本框，复选框等输入字段的值。您应该在所选div内找到输入，然后调用val()

这应该工作。

 var currentMACBindings = $("div[class*='mac-row-']").find("input");
 $.each( currentMACBindings, function( key, value ) {

      console.log("value is ", $(this).val());  
 });

这是一个工作示例。

如果要获取div / span等非输入字段的内容，则应考虑使用text()或html()方法。 小心。 这些方法也提供嵌套子级的内容。 因此，请谨慎使用。

或者，如果您尝试获取div的其他属性，则可以考虑使用attr()方法。

 var currentMACBindings = $("div[class*='mac-row-']");
 $.each( currentMACBindings, function( key, value ) {

      console.log("id of div is ", $(this).attr("id"));  
 });