$(".body").html(` <ul> <li> <input type="checkbox"> </li> <li class="name">${newData[0]}</li> <li class="price">${newData[1]}</li> <li class="desc">${newData[2]}</li> <li class="typename">${newData[3]}</li> <li> <span class="edit">编辑</span> <span class="del">删除</span> </li> </ul> `)用JS语言怎么写

可以使用以下代码来实现：

const newData = ["name", "price", "description", "type"];

$(".body").html(`
    <ul>
        <li>
            <input type="checkbox">
        </li>
        <li class="name">${newData[0]}</li>
        <li class="price">${newData[1]}</li>
        <li class="desc">${newData[2]}</li>
        <li class="typename">${newData[3]}</li>
        <li>
            <span class="edit">编辑</span>
            <span class="del">删除</span>
        </li>
    </ul>
`);

其中，newData是一个包含四个元素的数组，分别对应每个li元素中的数据。我们使用字符串模板来生成HTML代码，并使用$函数将其添加到class为"body"的元素中。