JSON array from tag names attr and values

Question

Let's suppose, I have this code:

<div>
    <div>
        <span class="toarray" name="someName-1">someDynamicValue</span>
    </div>
    <div>
        <span class="toarray" name="someName-2">someDynamicValue</span>
    </div>
    <div>
        <span class="toarray" name="someName-3">someDynamicValue</span>
    </div>
</div>

I want to create JSON array from this code:

{
 someName-1: "someDynamicValue", 
 someName-2: "someDynamicValue", 
 someName-3: "someDynamicValue"
}

Mritunjay · Accepted Answer · 2015-06-26 04:12:39Z

1

You can try something like bellow

var data = {};

$('span.toarray').each(function(){
    data[$(this).attr('name')] = $(this).text();
});

console.log(data);

Demo

answered Jun 26, 2015 at 4:12

Mritunjay

25.9k7 gold badges57 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Swaraj Giri · Accepted Answer · 2015-06-26 04:11:15Z

1

Do this.

Get all the spans with class toarray, loop over them, get each spans text along with attr('name') and push into an object defined above the loop.

answered Jun 26, 2015 at 4:11

Swaraj Giri

4,0372 gold badges30 silver badges45 bronze badges

Collectives™ on Stack Overflow

JSON array from tag names attr and values

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related