主页 / 问题 / 1438462
Accepted
Murad Imanov
Asked:2022-08-11 22:09:08 +0800 CST2022-08-11 22:09:08 +0800 CST

拾取所有子元素并作为数组推入一个对象 | .each() [关闭]

  • 772
let obj = [ // сюда должны добавить новое св-во из html
    {id: 0, name: 'Murray', job: 'frontend', experience: 6},
    {id: 1, name: 'Bob', job: 'cybersec', experience: 4},
    {id: 2, name: 'Muhammad', job: 'backend', experience: 8},
    {id: 3, name: 'Vova', job: 'projmanager', experience: 12},
]
<div class="carsWrap">
    <div class="col">
        <smth...></smth...>
        <span class="car">Audi QQQ</span>
        <smth...></smth...>
    </div>
    <div class="col">
        <smth...></smth...>
        <span class="car">Mers S</span>
        <smth...></smth...>
    </div>
    <div class="col">
        <smth...></smth...>
        <span class="car">Chevy C</span>
        <smth...></smth...>
    </div>
    <div class="col">
        <smth...></smth...>
        <span class="car">Ford M</span>
        <span class="car">Ford F</span>
        <smth...></smth...>
    </div>
</div>

let obj = [ // output
    {id: 0, name: 'Murray', job: 'frontend', experience: 6, cars: ['Audi QQQ']},
    {id: 1, name: 'Bob', job: 'cybersec', experience: 4, cars: ['Mers S']},
    {id: 2, name: 'Muhammad', job: 'backend', experience: 8, cars: ['Chevy C']},
    {id: 3, name: 'Vova', job: 'projmanager', experience: 12, cars: ['Ford M', 'Ford F']},
]

您需要使用 jquery ".each()" 函数来完成所有这些操作

jquery массивы

1 个回答

  1. Best Answer

    粘当然，但根据问题的描述，只有这样（否）

    let obj = [ // сюда должны добавить новое св-во из html
        {id: 0, name: 'Murray', job: 'frontend', experience: 6},
        {id: 1, name: 'Bob', job: 'cybersec', experience: 4},
        {id: 2, name: 'Muhammad', job: 'backend', experience: 8},
        {id: 3, name: 'Vova', job: 'projmanager', experience: 12},
    ]

$('.carsWrap').find('.col').each((index, element)=>
    {
        if(obj[index] && !obj[index].cars)
        {
            obj[index].cars = [];
        }
        $(element).find('.car').each((i, e)=>{
            obj[index].cars.push($(e).text())
        })
    })
    console.log(obj)
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="carsWrap">
    <div class="col">
        <smth...></smth...>
        <span class="car">Audi QQQ</span>
        <smth...></smth...>
    </div>
    <div class="col">
        <smth...></smth...>
        <span class="car">Mers S</span>
        <smth...></smth...>
    </div>
    <div class="col">
        <smth...></smth...>
        <span class="car">Chevy C</span>
        <smth...></smth...>
    </div>
    <div class="col">
        <smth...></smth...>
        <span class="car">Ford M</span>
        <span class="car">Ford F</span>
        <smth...></smth...>
    </div>
</div>

    • 1

相关问题