Javascript 如何使用函数更改jQuery ID选择器

在我的html文件中，我将#book1#book2等作为div

我正在尝试设置它，这样我就可以为每个产品调用函数（addToPage），并传入我的对象（book1），它将把我的产品信息放到页面上。感谢您的帮助

var book1 = {
name:'name of book', 
author:'name of author'
}

//////////// THIS WORKS

function addToPage(productId) {
$('#book1 .name').text(productId.name);
$('#book1 .author').text(productId.author);
}
addToPage(book1)

/////////// THIS DOESN'T WORK / CAN YOU TELL ME WHY?

function addToPage(productId) {
$('#productId .name').text(productId.name);
$('#productId .author').text(productId.author);
}
addToPage(book1)

---

您正在传入一个对象。因此，变量将不能作为参数的一部分使用

使用

var book1={
id:'book1'，
名称：'书名'，
作者：'作者姓名'
}
功能附加页（产品）{
$（'#'+product.id+'.name'）.text（product.name）；
$（'#'+product.id+'.author'）.text（product.author）；
}
添加页面（第1册）

您正在传入一个对象。因此，变量将不能作为参数的一部分使用

使用

var book1={
id:'book1'，
名称：'书名'，
作者：'作者姓名'
}
功能附加页（产品）{
$（'#'+product.id+'.name'）.text（product.name）；
$（'#'+product.id+'.author'）.text（product.author）；
}
添加页面（第1册）

#book1

将在您有id为

book1

的html元素时工作。也许

#productId

不起作用，因为没有id为

productId

的html元素。您在页面上有元素productId吗？您是对的，我有一个id为book1的元素。当我通过函数传递book1时，我希望productId更改为book1。

#book1

将在id为

book1

的html元素中工作。也许

#productId

不起作用，因为没有id为

productId

的html元素。您在页面上有元素productId吗？您是对的，我有一个id为book1的元素。当我通过函数传递book1时，我希望productId更改为book1。@SebastianNette。谢谢，修好了@塞巴斯蒂安妮特。谢谢，修好了！