Javascript 显示特定的<；部门>；点击（）

我有这个密码

$（'.description'）.hide（）；
$（'li'）。单击（函数（）{
var id=$（this.attr（“id”）；
$（'#product-'+id）.show（）；
});


产品1
产品2
产品3
产品4

产品1
Lorem ipsum dolor sit amet，奉献精英。在最必要的情况下，我们必须阻止面部感染，并明确指出这一点，因为全方位的感染都是由分子引起的。奎斯夸姆，拉伯尔·维罗·阿梅特

产品2
Lorem ipsum dolor sit amet，奉献精英。选择相似的，明确的。我必须承认这一点，包括必须承认的事实，必须承认的事实是，生命中的一切都是错误的

产品3
Lorem ipsum dolor sit amet，奉献精英。除了因犯罪行为而受到的歧视，建筑设计师选择了理性、自由、自由。在发明人或法定代表人的选择中，是否有类似的法律规定

产品4
Lorem ipsum dolor sit amet，奉献精英。最明显的是，在公积金计划中，最低工资是最低工资，而最高工资是最低工资。这是一个错误

首先，在
元素的
id
前面加上
#product-
，将得到类似
“#product-product-1”
的内容，这与任何内容都不匹配

即使我们纠正了这一点，也不能有多个元素具有相同的
id
——与
div\product-1
没有区别<代码>id
s必须是唯一的；最好的情况是，您将选择
li
本身，因为它是第一个匹配项

相反，将
data-…
属性添加到
li
s，并使用该属性：


$（'.description'）.hide（）；
$（'li'）。单击（函数（）{
var id=$（this）.data（“目标”）；
$（'#product-'+id）.show（）；
});


产品1
产品2
产品3
产品4

产品1
Lorem ipsum dolor sit amet，奉献精英。在最必要的情况下，我们必须阻止面部感染，并明确指出这一点，因为全方位的感染都是由分子引起的。奎斯夸姆，拉伯尔·维罗·阿梅特

产品2
Lorem ipsum dolor sit amet，奉献精英。选择相似的，明确的。我必须承认这一点，包括必须承认的事实，必须承认的事实是，生命中的一切都是错误的

产品3
Lorem ipsum dolor sit amet，奉献精英。除了因犯罪行为而受到的歧视，建筑设计师选择了理性、自由、自由。在发明人或法定代表人的选择中，是否有类似的法律规定

产品4
Lorem ipsum dolor sit amet，奉献精英。最明显的是，在公积金计划中，最低工资是最低工资，而最高工资是最低工资。这是一个错误

首先，在
元素的
id
前面加上
#product-
，将得到类似
“#product-product-1”
的内容，这与任何内容都不匹配

即使我们纠正了这一点，也不能有多个元素具有相同的
id
——与
div\product-1
没有区别<代码>id
s必须是唯一的；最好的情况是，您将选择
li
本身，因为它是第一个匹配项

相反，将
data-…
属性添加到
li
s，并使用该属性：


$（'.description'）.hide（）；
$（'li'）。单击（函数（）{
var id=$（this）.data（“目标”）；
$（'#product-'+id）.show（）；
});


产品1
产品2
产品3
产品4

产品1
Lorem ipsum dolor sit amet，奉献精英。在最必要的情况下，我们必须阻止面部感染，并明确指出这一点，因为全方位的感染都是由分子引起的。奎斯夸姆，拉伯尔·维罗·阿梅特

产品2
Lorem ipsum dolor sit amet，奉献精英。选择相似的，明确的。我必须承认这一点，包括必须承认的事实，必须承认的事实是，生命中的一切都是错误的

产品3
Lorem ipsum dolor sit amet，奉献精英。除了因犯罪行为而受到的歧视，建筑设计师选择了理性、自由、自由。在发明人或法定代表人的选择中，是否有类似的法律规定

产品4
Lorem ipsum dolor sit amet，奉献精英。最明显的是，在公积金计划中，最低工资是最低工资，而最高工资是最低工资。这是一个错误


$（'.description'）.hide（）；
$（'li'）。单击（函数（）{
var id=$（this.attr（“id”）；
$（'#div-'+id）.show（）；
});


产品1
产品2
产品3
产品4

产品1
Lorem ipsum dolor sit amet，奉献精英。在最必要的情况下，我们必须阻止面部感染，并明确指出这一点，因为全方位的感染都是由分子引起的。奎斯夸姆，拉伯尔·维罗·阿梅特

产品2
Lorem ipsum dolor sit amet，Concertetur Adipise e