Question

我有以下Html

<li>
    <input id="txtsDate3" class="txtdate" type="text" placeholder="Select Date">
    <input id="txtsHrs3" class="txthours" type="text" placeholder="Hrs">
    <a class="btnadd" title="Add" href="javascript:void(0)"></a>
    <a id="btndel3" class="btndelete" title="Delete" href="javascript:void(0)"></a>
    <input type="hidden" id="hdnvalue3" />
</li>

<li>
    <input id="txtsDate4" class="txtdate" type="text" placeholder="Select Date">
    <input id="txtsHrs4" class="txthours" type="text" placeholder="Hrs">
    <a class="btnadd" title="Add" href="javascript:void(0)"></a>
    <a id="btndel4" class="btndelete" title="Delete" href="javascript:void(0)"></a>
    <input type="hidden" id="hdnvalue4" />
</li>

<li>
    <input id="txtsDate5" class="txtdate" type="text" placeholder="Select Date">
    <input id="txtsHrs5" class="txthours" type="text" placeholder="Hrs">
    <a class="btnadd" title="Add" href="javascript:void(0)"></a>
    <a id="btndel5" class="btndelete" title="Delete" href="javascript:void(0)"></a>
    <input type="hidden" id="hdnvalue5" />
</li>

在一个li中有一个日期文本框，一个小时，一个隐藏字段为Id

我要求获取日期文本框，小时文本框和隐藏字段值的值，这些值与@@相似

12-12-2003 @@ 5 @@ 112 ### 12-11-2004 @@ 7 @@ 113等一个

我完全迷失了如何实现它

我在jquery中非常新，甚至无法继续，

Answer 1

$(document).ready(function(){
var chunk = "";
$('ul li:not(eq(0)').each(function(){

chunk+=$(this).find('.txtdate').val()+"@@"+$(this).find('.txthours').val()+"@@"+$(this).find('input:hidden').val()+"###";

});

alert(chunk);

});

Answer 2

var collection = $("li").map(function  () {
    var date = $(this).find(".txtdate").val()
    ,   hour = $(this).find(".txthours").val()
    ,   hiddenVal = $(this).find("input[type='hidden']").val();
    return date + "@@" + hour + "@@" + hiddenVal;
}).get();
console.log(collection);

Demo.

通过jquery获取带有seporator的多个文本框的值

2 个答案: