jquery结合了多个.html集合属性

时间:2014-08-09 17:49:54

标签: javascript jquery ajax

我在数据中找到了ajax收集的一些值,如

$("#datset_egn").html(data['egn']);
$("#datset_tabnomer").html(data['tab_nomer']);
$("#datset_vhnomer").html(data['vh_nomer']);
$("#datset_podelenie").html(data['podelenie']);
$("#datset_email").html(data['email']);

等。还有大约30多个,他们在一起。是否有更优雅(更简单和更短)的方法来执行此操作,因为如果ajax返回错误,我必须再次将相同数量的ID设置为空白?像..再次:

$("#datset_egn").html('');
$("#datset_tabnomer").html('');
$("#datset_vhnomer").html('');
$("#datset_podelenie").html('');
$("#datset_email").html('');

2 个答案:

答案 0 :(得分:3)

要全部设置,您可以使用与ID

匹配的键
$.each(data, function(key, value) {
    $('#datset_' + key.replace('_','')).html(value);
});

要重置所有内容,您可以使用属性开头选择器来选择ID以datset_开头的所有元素

$('[id^="datset_"]').empty():

答案 1 :(得分:0)

您可以编写一个迭代数据值的for循环并设置相应的id。

for(var key in data){
    $('#dataset_'+key).html(data[key]);
}