JSFiddle - React, Tailwind, and code Playground

by mbarinov

HTML

<ul>
    <li rel="address">address</li>
    <li rel="phone">phone</li>
    <li rel="name">name</li>
    <li rel="summ">summ</li>
    <li rel="description">description</li>
</ul>
<button>Push Me!</button>
<h3>Expected result</h3>
<pre>
Array
(
    [Order] => Array
        (
            [address] => address
            [phone] => phone
            [name] => name
            [summ] => summ
            [description] => description
        )

)
</pre>

JavaScript

$('button').click(function() {
    var info = new Object();
    var client = $(this).parent().find("ul li").each(function(index) {
        var name = $(this).attr("rel");
        var value = $(this).text().trim();
        info.Order = {
            name : value
        };
        console.log(info);
    });
});