数组推送更改格式 jQuery
array push change format jquery
var student = $('#student tr').find('td').find('input[type='"text'"]');
student.each(function(index, element) {
var label = $(element).parent().find('span').text();
var member = $('#student').attr('name');
studentnames.push({
value: $(element).val(),
label: label,
member: member
});
});
这就是我制作数组的方式。这是输出
[{
"value": "jackie",
"label": "First Name",
"member": "science club"
}, {
"value": "chan",
"label": "Middle Name",
"member": "science club"
}, {
"value": "lee",
"label": "Last Name",
"member": "science club"
}, {
"value": "jr",
"label": "Suffix",
"member": "science club"
}, {
"value": "Tokyo",
"label": "City/Province",
"member": "science club"
}, {
"value": "Nanporo",
"label": "Town/Municipality",
"member": "science club"
}, {
"value": "Sorachi",
"label": "District",
"member": "science club"
}, {
"value": "1234",
"label": "Contact Number",
"member": "science club"
}]
如何将其更改为类似格式
[{
"First Name": "jackie",
"Middle Name": "chan",
"Last Name": "lee",
"Suffix": "jr",
"City/Province": "Tokyo",
"Town/Municipality": "Nanporo",
"District": "Sorachi",
"member": "science club"
}]
我的 HTML 表格是这样的
<table id="student" name="student" class="student">
<tr>
<td>
<center>
<input type="text" name="fname" class="fname" />
<br> <span><small><i>First Name</i></small></span> </center>
</td>
<td>
<center>
<input type="text" name="mname" class="mname" />
<br> <span><small><i>Middle Name</i></small></span> </center>
</td>
<td>
<center>
<input type="text" name="lname" class="lname" />
<br> <span><small><i>Last Name</i></small></span> </center>
</td>
</tr>
<tr>
<td>
<center>
<input type="text" name="suffix" class="suffix" />
<br> <span><small><i>Suffix</i></small></span> </center>
</td>
</tr>
<tr>
<td>
<center>
<input type="text" name="city" class="city" />
<br> <span><small><i>City/Province</i></small></span> </center>
</td>
<td>
<center>
<input type="text" name="town" class="town" />
<br> <span><small><i>Town/Municipality</i></small></span> </center>
</td>
<td>
<center>
<input type="text" name="district" class="district" />
<br> <span><small><i>District</i></small></span> </center>
</td>
</tr>
<tr>
<td>
<center>
<input type="text" name="contact" class="contact" />
<br> <span><small><i>Contact Number</i></small></span> </center>
</td>
</tr>
<tr>
<td>
<input type="button" id="addtable" value="Add" name="" /> </td>
<td>
<input type="button" id="removetable" value="Remove" name="" /> </td>
</tr>
</table>
"添加和删除"按钮具有一个 jQuery 函数,可根据用户单击添加或删除相同的表
var studentnames = [];
$('#checkConsole').click(function() {
var student = $('#student tr').find('td').find('input[type='"text'"]');
var temp = {};
student.each(function(index, element) {
var label = $(element).parent().find('span').text();
var member = $('#student').attr('name');
temp[label] = $(element).val();
temp['member'] = member;
});
studentnames.push(temp);
console.log(studentnames);
});
杰斯菲德尔
我们可以使用 []
来获取/设置对象属性。
例如:
var obj = {}, key = "property1", value = "testValue";
obj[key] = value;
obj["key with space"] = "the value";
console.log(JSON.stringify(obj)); //{"property1":"testValue","key with space":"the value"}
我修改了你的代码:http://jsfiddle.net/gtkLmgd9/
这是一个
您可以尝试的简单示例:
<center>
标记在 HTML5 中不受支持。请改用 CSS。
//so the center tag you may change to another tag
var td = $('#student tr').find('center'),
arr = {};
td.each( function() {
var label = $(this).find('i').text();
var val = $(this).find("input[type='text']").val();
arr[label] = val;
});
和演示
相关文章:
- javascript/jquery将utc转换为短格式的本地时间
- 如何使用jquery更改为所需的日期格式
- 如何使用JQUERY解析大型XML文件并将其可视化为HTML格式
- javascript和jquery日期格式转换
- 如何使用jquery对货币格式的数字求和
- 如何更改Pickmeup jquery日期选择器格式
- jQuery日期[时间]选择器-如何保存时间范围(+修改日期格式)
- jQuery.calendarPicker日期格式
- 如何在jQuery日期时间选择器中添加12小时格式
- 使用 Jquery 以正确的格式构建 JSON
- AngularJS或JQuery解析错误格式的JSON(http get)
- javascript/jquery 数字时钟脚本,24 小时格式,带有日期
- Javascript日期-指定传入日期格式(jQuery UI DateTimepicker)
- 在javascript中更改日期格式(jquery)
- 提取特定字符串并更改字符串格式(jquery/ javascript)
- 如何将格式更改为简单的日期/时间格式-jquery/js
- 解析日期的Javascript库,包括RFC3339&IE中的twitter格式?(jQuery或其他)
- 以编程方式创建的手风琴的格式 Jquery-UI 内容
- 数组推送更改格式 jQuery
- 嵌入所有流行的图像格式- jquery/javascript