پیدا کردن ای دی یک img در صفحه

[khorsandreza]

سلام دوستان
من جی کویری تازه شروع کردم (5 روزه) قبلا میانه خوبی باهاش نداشتم در تمرین خودم یک مسئله برخورد کردم به این صورت چند تصویر در صفحه کنار هم چیدم و هر کدام یک ای دی مخصوص به خود را دارند حا می خواهم وقتی ماوس را بر روی هریک کشیدم و یا کلیک کردم نام ای دی ان را پیدا کنم من دستور زیر را نوشتم ولی فقط ای دی اولین عکس را نشان می دهد

<script>



$(function () {
$('[data-toggle="img"]').mouseout(function () {
$('[data-toggle="img"]').popover('hide');
});
});

$(function () {
$('[data-toggle="img"]').mouseover(function () {
var idname = $('[data-toggle="img"]').attr('id')
$(idname).popover({ placement: 'top' });
$(idname).popover('show');
$(idname).popover({ title: 'Default title value' });

});

});

</script>


ایا شکل دستور درست رعایت شده است؟
تصویر را هم ببنید.

[ostadsho]

سلکتورتون رو عوض کنید ببینید درست میشه یا خیر:



<script>



$(function () {
$('[body data-toggle="img"]').mouseout(function () {

$(this).popover('hide' );

});
});

$(function () {
$('[body data-toggle="img"]').mouseover(function () {

var idname = $(this).attr('id')

$(idname).popover({ placement: 'top' });
$(idname).popover('show');
$(idname).popover({ title: 'Default title value' });

});

});

</script>






یعنی یه عنصر parent رو هم قبل از selector اضافه کنید مثلا تگ body.