使用条件为数组中的每个对象创建div

我正在尝试创建一个框，其中将包含来自数组中具有user_id = 1的每个对象的信息。

因此，在这种情况下，应该在html中创建2个框。

"data": [
{
"id": 1,
"user_id": 1,
"name": "James Smith"
},
{
"id": 2,
"user_id": 1,
"name": "Rebecka Gordon"
},
{
"id": 3,
"user_id": 2,
"name": "Carl Gonzales"
},
]


$.each(data.data, function (index, value) {

    if (this.user_id == 1) {

      console.log(this);

        $('.container').html($('<div>', {class: 'box'}));

    }

});