JSFiddle - React, Tailwind, and code Playground
by imgvn
HTML
<div class="container">
<div class="row">
@foreach (var item in ListvideoGaleri)
{
<div class="col-md-4 col-sm-6 col-xs-12" style="margin-top:50px;float:left;">
<div class="choose-image">
<img src="~/img/webinarVideo/@item.Gorsel" />
<div class="video-content">
<div class="rklamVideom" id="@item.id">>
<a href="https://reklam_videosu_linki" target="_blank">
<video controls muted loop autoplay="autoplay" preload="auto">
<source type="video/mp4" src="~/img/webinarVideo/@item.VideoLink"> @*kendi videom oynuyor*@
</video>
</a>
<div onclick="reklamiKapat(@item.id); return false;" >Reklamı Kapat</div>
</div>
<a href="@item.VideoLink" class="video-play vid-zone">
<i class="fa fa-play"></i>
</a>
</div>
</div><br />
</div>
}
</div>
</div>JavaScript
function reklamiKapat() {
$("#"+@item.id).remove(); //@item.id foreach döngüsünde, scope dışında olduğu için hata veriyor. kaldırmak zorunda kalıyorum
//foreach içinde bir değişkene aktarmaya çalıştım id'yi fakat başaramadım sürekli hata vermeye başladı. "@i=@item.id"
//script kısmını scope altına alıp denedim yine başarılı değil.
//foreach içerisine aldım script kısmını sadece son id numaralı video kapandı.
//neresini eksik yapıyorum veya düşünemiyorum?
}