我需要更改選擇選項中的第一個選項并將第一段文本放入其中，因此第一段將成為第一個選擇元素中的第一個選項文本，第二段將成為下一個選擇元素中的第一個選項. 我知道我的方法根本不正確，但我嘗試過但找不到正確的方法。我需要回圈嗎？或者還有其他方法嗎？我正在嘗試使用 jQuery。
$('.select-container p').each(function(index) {
let textPar = $(this).text();
$('.select-container select option:first-child').each(function(index) {
$(this).text(textPar);
});
});select {
width: 200px;
padding: 5px 8px;
}<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
<div class="select-container">
<p>First paragraph</p>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="select-container">
<p>Second paragraph</p>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>uj5u.com熱心網友回復：
你只需要更好地考慮你的選擇器。您正在更新所有選擇元素的文本，因此您需要更加具體。然后，您無需在選擇一個元素后對其進行回圈。
$('.select-container p').each(function() {
const par = $(this);
const parText = par.text();
par.next('select').find('option:first-child').text(parText);
});select {
width: 200px;
padding: 5px 8px;
}<div class="container">
<div class="select-container">
<p>First paragraph</p>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
<div class="select-container">
<p>Second paragraph</p>
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
</div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/484105.html
標籤：javascript html jQuery css