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

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

کاربر سایت

iran

عضویت از 1394/01/31

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

  • شنبه 27 بهمن 1397
  • 16:54
تشکر میکنم

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

 <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 ندارم و از کلاس هم نمی خواهم استفاده کنم
باید کدم را چگونه بنویسم
باتشکر

پاسخ های این پرسش

تعداد پاسخ ها : 1 پاسخ
کاربر سایت

محمد اردوخانی

عضویت از 1396/05/17

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

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

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

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

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

فایل های ضمیمه

کاربرانی که از این پست تشکر کرده اند

هیچ کاربری تا کنون از این پست تشکر نکرده است

اگر نیاز به یک مشاور در زمینه طراحی سایت ، برنامه نویسی و بازاریابی الکترونیکی دارید

با ما تماس بگیرید تا در این مسیر همراهتان باشیم :)