回答此问题可获得 20 贡献值,回答如果被采纳可获得 50 分。
<p>如何选择特定父元素的所有子元素并将其显示在循环中</p>
<p>我应该参考文档了解使用哪些方法?
谢谢</p>
<pre><code><div class="Pitch-sc-1mctasb-0 mPWDj"><div class="Pitch__ElementRow-sc-1mctasb-1 Pitch__PitchRow-sc-1mctasb-2 bjBvcU"><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0_1-66.webp 66w,
/dist/img/shirts/standard/shirt_0_1-110.webp 110w,
/dist/img/shirts/standard/shirt_0_1-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0_1-66.png" srcset="
/dist/img/shirts/standard/shirt_0_1-66.png 66w,
/dist/img/shirts/standard/shirt_0_1-110.png 110w,
/dist/img/shirts/standard/shirt_0_1-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Goalkeeper" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">GKP</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0_1-66.webp 66w,
/dist/img/shirts/standard/shirt_0_1-110.webp 110w,
/dist/img/shirts/standard/shirt_0_1-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0_1-66.png" srcset="
/dist/img/shirts/standard/shirt_0_1-66.png 66w,
/dist/img/shirts/standard/shirt_0_1-110.png 110w,
/dist/img/shirts/standard/shirt_0_1-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Goalkeeper" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">GKP</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"></div></div><div class="Pitch__ElementRow-sc-1mctasb-1 Pitch__PitchRow-sc-1mctasb-2 bjBvcU"><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Defender" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">DEF</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Defender" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">DEF</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Defender" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">DEF</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Defender" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">DEF</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Defender" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">DEF</span></abbr></div></button></div></div><div class="Pitch__ElementRow-sc-1mctasb-1 Pitch__PitchRow-sc-1mctasb-2 bjBvcU"><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Midfielder" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">MID</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Midfielder" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">MID</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Midfielder" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">MID</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Midfielder" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">MID</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Midfielder" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">MID</span></abbr></div></button></div></div><div class="Pitch__ElementRow-sc-1mctasb-1 Pitch__PitchRow-sc-1mctasb-2 bjBvcU"><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Forward" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">FWD</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Forward" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">FWD</span></abbr></div></button></div><div class="Pitch__PitchUnit-sc-1mctasb-3 jDkpw"><button class="PitchPlaceholder__StyledPlaceholder-sc-1jzdtaz-0 jEoHLb"><picture><source type="image/webp" srcset="
/dist/img/shirts/standard/shirt_0-66.webp 66w,
/dist/img/shirts/standard/shirt_0-110.webp 110w,
/dist/img/shirts/standard/shirt_0-220.webp 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px"><img src="/dist/img/shirts/standard/shirt_0-66.png" srcset="
/dist/img/shirts/standard/shirt_0-66.png 66w,
/dist/img/shirts/standard/shirt_0-110.png 110w,
/dist/img/shirts/standard/shirt_0-220.png 220w
" sizes="(min-width: 1024px) 55px, (min-width: 610px) 44px, 33px" alt="" class="Shirt__StyledShirt-k5q8zl-0 hoGPkp"></picture><div data-testid="title" class="PitchPlaceholder__Title-sc-1jzdtaz-1 gAiHPL">Add <abbr title="Forward" class="PitchPlaceholder__Abbr-sc-1jzdtaz-2 ffGrvw"><span class="PitchPlaceholder__Span-sc-1jzdtaz-3 cVbLKM">FWD</span></abbr></div></button></div></div></div>
</code></pre>
<p>主div类:Pitch-sc-1mctasb-0 mPWDj,有4个div子元素,在这些子元素下还有更多的子元素。我想分别获取XPATH并将它们显示在正确的div父项下</p>