每當我點擊相關信息時，我想顯示產品的描述，但每次我點擊隨機信息時，我的代碼都會顯示所有產品的所有描述。請幫我。 <script type="text/javascript"> $(function () { $("p.info").on('click', function () { $("p.desc").slideToggle(); }); }); </script> // the info and desc of the products are cointaned in: <div class="products_container"> <ul> @foreach ($products as $product) <li> <div class="products"> @include('helpers/productImg', ['attrs' => 'imagefrm', 'imgFile' => $product->image]) <p id="product_name"><strong>{{ $product->name }}</strong></p> <p>{{ $product->descShort }}</p> @include('helpers/productPrice') <p class="info">Info prodotto</p> <p style="display:none" class="desc">Descrizione: {!! $product-> ` descLong !!}</p> </div> </li> @endforeach </ul> </div>
1 回答
眼眸繁星
TA貢獻1873條經驗 獲得超9個贊
那是因為您使用的是 .desc 類，這就是為什么它使用該類切換所有元素。但是可以從您的代碼中推斷出 .desc 緊挨著 .info onclick 事件，而不是
$("p.info").on('click', function () {
$("p.desc").slideToggle();
});你應該使用
$("p.info").on('click', function () {
$(this).next().slideToggle(); //element next to clicked p.info
});- 1 回答
- 0 關注
- 120 瀏覽
添加回答
舉報
0/150
提交
取消