0

我有以下 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>

一里有一个日期文本框,一个小时文本框,一个隐藏字段ID

我需要获取日期文本框、小时文本框的值,以及用@@ 分隔的隐藏字段的值,例如

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

我完全迷失了如何实现它

我对 jquery 非常陌生,甚至无法继续,

4

2 回答 2

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);

});
于 2013-10-22T10:30:50.113 回答
1
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);

演示。

于 2013-10-22T10:33:30.860 回答