【发布时间】：2021-09-24 18:16:36
【问题描述】：
我想根据该列表的“数据样式名称”来选择并获取特定列表的内容。就像如果它的 data-style-name= 'black' ，我将如何选择某个列表
这是我到目前为止的代码，但我卡住了。
const info = $('.styles').html()
console.log(info)
这是它迄今为止记录的 html
<li><button data-url="/shop/jackets/ls0jgz4q1/f3rkyu1ci" class="selected" data-images="{"detail_url":"//assets.supremenewyork.com/204650/ma/dCuUfHzOwYQ.jpg","zoomed_url":"//assets.supremenewyork.com/204650/zo/dCuUfHzOwYQ.jpg"}" data-style-name="Tigerstripe Camo" data-style-id="30982" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Tigerstripe Camo" src="//assets.supremenewyork.com/204650/sw/dCuUfHzOwYQ.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/f3rkyu1ci?alt=0" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204652/ma/vNfOKZ_n-VM.jpg","zoomed_url":"//assets.supremenewyork.com/204652/zo/vNfOKZ_n-VM.jpg"}" data-style-name="Tigerstripe Camo" data-style-id="30982" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Tigerstripe Camo image 1" src="//assets.supremenewyork.com/204652/sw/vNfOKZ_n-VM.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/f3rkyu1ci?alt=1" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204653/ma/CzMuYoXBGkQ.jpg","zoomed_url":"//assets.supremenewyork.com/204653/zo/CzMuYoXBGkQ.jpg"}" data-style-name="Tigerstripe Camo" data-style-id="30982" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Tigerstripe Camo image 2" src="//assets.supremenewyork.com/204653/sw/CzMuYoXBGkQ.jpg"></button></li><li><button data-url="/shop/jackets/ls0jgz4q1/t3i0gnxc9" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204642/ma/7P9KTS4_HEs.jpg","zoomed_url":"//assets.supremenewyork.com/204642/zo/7P9KTS4_HEs.jpg"}" data-style-name="Black" data-style-id="30985" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket
and back neck tab. "><img width="32" height="32" alt="Black" src="//assets.supremenewyork.com/204642/sw/7P9KTS4_HEs.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/t3i0gnxc9?alt=0" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204644/ma/ndcje1Lw83w.jpg","zoomed_url":"//assets.supremenewyork.com/204644/zo/ndcje1Lw83w.jpg"}" data-style-name="Black" data-style-id="30985" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Black image 1" src="//assets.supremenewyork.com/204644/sw/ndcje1Lw83w.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/t3i0gnxc9?alt=1" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204645/ma/FUYxiNKaZ94.jpg","zoomed_url":"//assets.supremenewyork.com/204645/zo/FUYxiNKaZ94.jpg"}" data-style-name="Black" data-style-id="30985" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Black image 2" src="//assets.supremenewyork.com/204645/sw/FUYxiNKaZ94.jpg"></button></li><li><button data-url="/shop/jackets/ls0jgz4q1/zdb9prchf" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204646/ma/-ns5aQUOKP8.jpg","zoomed_url":"//assets.supremenewyork.com/204646/zo/-ns5aQUOKP8.jpg"}" data-style-name="Dusty Pink" data-style-id="30983" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Dusty Pink" src="//assets.supremenewyork.com/204646/sw/-ns5aQUOKP8.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/zdb9prchf?alt=0" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204648/ma/bwlGwgxnOFI.jpg","zoomed_url":"//assets.supremenewyork.com/204648/zo/bwlGwgxnOFI.jpg"}" data-style-name="Dusty Pink" data-style-id="30983" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and
hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Dusty Pink image 1" src="//assets.supremenewyork.com/204648/sw/bwlGwgxnOFI.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/zdb9prchf?alt=1" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204649/ma/FXe6_iXvTrY.jpg","zoomed_url":"//assets.supremenewyork.com/204649/zo/FXe6_iXvTrY.jpg"}" data-style-name="Dusty Pink" data-style-id="30983" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Dusty Pink image 2" src="//assets.supremenewyork.com/204649/sw/FXe6_iXvTrY.jpg"></button></li><li><button data-url="/shop/jackets/ls0jgz4q1/uz2ylvwtf" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204638/ma/BzthIEyi19M.jpg","zoomed_url":"//assets.supremenewyork.com/204638/zo/BzthIEyi19M.jpg"}" data-style-name="Slate" data-style-id="30984" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Slate" src="//assets.supremenewyork.com/204638/sw/BzthIEyi19M.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/uz2ylvwtf?alt=0" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204640/ma/CovbZVcxX7s.jpg","zoomed_url":"//assets.supremenewyork.com/204640/zo/CovbZVcxX7s.jpg"}" data-style-name="Slate" data-style-id="30984" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Slate image 1" src="//assets.supremenewyork.com/204640/sw/CovbZVcxX7s.jpg"></button><button data-url="/shop/jackets/ls0jgz4q1/uz2ylvwtf?alt=1" class="" data-images="{"detail_url":"//assets.supremenewyork.com/204641/ma/ot_C5KzO5NI.jpg","zoomed_url":"//assets.supremenewyork.com/204641/zo/ot_C5KzO5NI.jpg"}" data-style-name="Slate" data-style-id="30984" data-sold-out="false" data-description="Water resistant cotton with full zip closure and hidden snap placket. Velcro flap mesh hand pockets at lower
front with dual top and side entry. Interior elastic shockcord at fixed hood and hem with velcro tab adjusters at cuffs. Woven logo labels at left pocket and back neck tab. "><img width="32" height="32" alt="Slate image 2" src="//assets.supremenewyork.com/204641/sw/ot_C5KzO5NI.jpg"></button></li>
【问题讨论】：
-
$("[data-style-name=black]")
-
$('[data-style-name=Black]') -
请从您的代码中删除与您的问题无关的额外信息。如果您让人们更容易理解您想要做什么，您将获得更高质量的答案。
-
目前还不清楚 jQuery 的那一行想要做什么。如果列出的重复项不正确，您需要修改您的问题以更清楚地了解您面临的问题。见How to Ask 和tour。
标签： javascript html node.js web-scraping cheerio