このような質問を探していましたが、見つかりません。
私はこのような構造を持っています:
<div id="productholder@(item.ProductId)" class="productholder">
<img src="@Html.DisplayFor(modelItem => item.Image)" alt="" />
<div class="productinfo">
<h2>@Html.DisplayFor(modelItem => item.Name)</h2>
<p>@Html.DisplayFor(modelItem=> item.Description)</p>
<br />
</div>
<div class="productprice">
<h2>@Html.DisplayFor(modelItem => item.price):-</h2>
<input type="button" value="Ta bort" class="b" data-ProductImageId='@item.ProductImageId'>
</div>
</div>
私がやりたいのは、誰かがclass="b"
divタグ全体を含むボタンをクリックすると.hide()
、問題で非表示になるはずです。同じように見えるこれらのdivタグが10個あるため、divタグを指定できません。クリックしたボタン内のdivタグだけが非表示になります。
親かそのようなものを使う必要があると思いますか?
次のjqueryスクリプトを試しました。
<script type="text/javascript">
$(document).ready(function () {
$(".b").click(function () {
$("div:eq(0)").hide();
});
});
</script>
しかし、divラッパー全体が非表示になるため、機能しないことがわかりました。
どんな種類の解決策もありがたいです!