مرجع تخصصی برنامه نویسان

بزرگترین انجمن برنامه نویسان فارسی زبان

انجام عملیات با توجه به کلیک بروی div که حاوی data-target است

شنبه, 27 بهمن 1397 16:54

انجام عملیات با توجه به کلیک بروی div که حاوی data-target است

سلام
کد زیر را داریم

 <div class="border">
                        <div class="bg-light p-2">
                            <button class="btn btn-link" type="button" data-toggle="collapse" data-target="#collapse6">Collapsible Group Item #3
                            </button>
                        </div>
                        <div id="collapse6" class="collapse" data-parent="#accordion">
                            <p class="border-top p-3">
                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird
                                on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.
                            </p>
                        </div>
                    </div>

حال می می خواهم وقتی روی div حاوی  data-target است کلیک کردم alert به من نمایش بدهد
باتوجه به اینکه id ندارم و از کلاس هم نمی خواهم استفاده کنم
باید کدم را چگونه بنویسم
باتشکر

یکشنبه, 28 بهمن 1397 10:24

با سلام خدمت شما

با استفاده از کد زیر میتونین Alert خودتون رو نمایش بدین : 

$(document).ready(function () {
    $("[data-target]").click(function (e) {
        var alertId = $(this).attr("data-target");
        $("#" + alertId).css({"display": "block"});
    });
});

فایل ضمیمه رو هم گذاشتم براتون که نحوه کار رو ببینین

دانلود فایل ضمیمه

ارسال پاسخ برای این تاپیک

ارسال پاسخ مخصوص اعضا سایت می باشد ! میتوانید با حساب کاربری خود وارد سایت شده یا ثبت نام کنید