如何使用JavaScript制作匹配元素的对象

Question

I have list of pax in my HTML. I need to make an object containing pax type and their count. for instance: {adult:3, child:2} fiddle

var obj='{';
$('.pax').find('div').each(function(i,val){
   var pax= $(this).text();
   obj+= $(this).text();
        obj+=':';
        obj+=i;
        obj+=','

})

obj+="}"

console.log(obj)

Answer 1

var obj = {};
$('.pax div').each(function(i) {
    var pax = $(this).text();
    obj[pax] = i;
});

However, with your current markup this doesn't make any sense - objects cannot have multiple values for the same key unless you store an array:

var obj = {};
$('.pax div').each(function(i) {
    var pax = $(this).text();
    if (!(pax in obj)) {
        obj[pax] = [];
    }
    obj[pax].push(i);
});

If you don't need the indexes but the count for each type, see this answer instead .

If you need a JSON string in the end, use JSON.stringify(obj) .

Answer 2

Try

var obj = {};

$('.pax').find('div').each(function (i, val) {
    var pax = $.trim($(this).text());
    obj[pax] = (obj[pax] || 0) + 1;
})

Demo: Fiddle

Then use JSON.stringify() if you want a string representation of the value