填入阵列多个输入字段

Question

我想使用jQuery来填充类名为seourl“从输入字段值的数组...

<input id="title" class="seourl" name="title" type="text" value="???"> 
<input id="subtitle" class="seourl" name="title" type="text" value="???"> 
<input id="subtitle2" class="seourl" name="title" type="text" value="???"> 

<a id="getFriendlyUrl" href="">get url friendly</a> 

我如何填充的输入字段数组班'seourl'？

$("#getFriendlyUrl").click(function() { 

    var arr_str = new Array(); 

    ?????? POPULATE ARRAY with input fields of class 'seourl', how ?????????????? 

}); 

Answer 1

$("#getFriendlyUrl").click(function() { 

    var arr_str = $('.seourl').map(function() { 
             return this.value; 
            }).toArray(); 
}); 

您可以使用jQuery来获取.value如果你想。

return $(this).val(); 

无论哪种方式，你最终会得到一个值的数组。

Answer 2

$('.seourl').each(function(ele){ 
    arr_str.push($(ele).val()); 
}); 

Answer 3

$("#getFriendlyUrl").click(function() { 
    var arr_str = new Array(); 

    $('.seourl').each(function() { 

     arr_str.push($(this).val()); 
    })' 

}); 

Answer 4

HTML：

<input id="title" class="seourl" name="title" type="text" value="???"> 
<input id="subtitle" class="seourl" name="title" type="text" value="???"> 
<input id="subtitle2" class="seourl" name="title" type="text" value="???"> 

<a id="getFriendlyUrl" href="">get url friendly</a>​ 

JS瓦特/ jQuery的：

$("#getFriendlyUrl").click(function() { 

    var arr_str = new Array(); 

    $(".seourl").each(function(index, el) { 
    arr_str[index] = $(el).val(); 
    }); 
    alert(arr_str[0] + arr_str[1] + arr_str[2]); 

});​ 

的jsfiddle：http://jsfiddle.net/Mutmatt/NmS7Y/5/

Answer 5

$("#getFriendlyUrl").click(function() { 

    var arr_str = new Array(); 
    $('.seourl').each(function() { 
     arr_str.push($(this).attr('value')); 

    }); 
    alert(arr_str); 
});