我需要代碼方面的幫助。顯然，這似乎是一個簡單的問題。我想制作一個腳本，以便當用戶單擊按鈕時，它會顯示手風琴。我什至能夠寫一些有用的東西，但我想為每張卡片分別打開一個手風琴。我認為這是“this”標簽，但問題是“.find”找不到手風琴，因為它與按鈕不在同一組中。
看我的代碼，你會更好地理解。
$('#fuelAccordion').click(function() {
$(this).find('.cardAccordion').slideToggle('show');
})<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="card fuelCard">
<div class="flex">
<div class="col">
<div class="flex">
<div>
<i class="fas fa-angle-down pointer" id="fuelAccordion"></i>
</div>
</div>
</div>
</div>
<div class="cardAccordion">
<div class="flex">
<div class="inputGrid">
<div>
<label for="placa">Litros</label>
<select class="form-control">
<option value="5">5 Lts</option>
</select>
</div>
<div>
<label for="placa">Valor total</label>
<input type="text" class="form-control" value="R$38,46" disabled />
</div>
</div>
<button class="btn btn-primary">Adicionar</button>
</div>
</div>
</div>uj5u.com熱心網友回復：
你需要使用父母，因為這在.cardAccordion里面找不到#fuelAccordion
$('#fuelAccordion').click(function () {
$(this).parents('.fuelCard').find('.cardAccordion').slideToggle('show');
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="card fuelCard">
<div class="flex">
<div class="col">
<div class="flex">
<div>
<i class="fas fa-angle-down pointer" id="fuelAccordion">Test</i>
</div>
</div>
</div>
</div>
<div class="cardAccordion">
<div class="flex">
<div class="inputGrid">
<div>
<label for="placa">Litros</label>
<select class="form-control">
<option value="5">5 Lts</option>
</select>
</div>
<div>
<label for="placa">Valor total</label>
<input type="text" class="form-control" value="R$38,46" disabled />
</div>
</div>
<button class="btn btn-primary">Adicionar</button>
</div>
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/317303.html
標籤：javascript html 查询
上一篇：XamarinForms-當沒有輸入控制元件時，物理鍵盤會使頁面變暗
下一篇：通過可變引數修改陣列