2014-09-26 117 views
1

我在我的網站上有2個div。一個具有屬性clickDisabled和其他與out。 我想點擊一個div,它應該只顯示警告,如果它的屬性有clickDisabled。但在我的情況下,這兩個div點擊顯示警報。如何限制只顯示一個具有屬性clickDisabled的div的警報消息?點擊div觸發所有具有類名稱的元素

<div> 
     <img title="You cannot edit." class="editMe" src="/Content/Images/edit.png" clickdisabled="disable"> 
</div> 

    <div> 
     <img title="You cannot edit." class="editMe" src="/Content/Images/edit.png"> 
    </div> 


if ($('.editMe').attr('clickdisabled') == 'disable') { 
     alert('warning'); 
     return false; 
    } 
+1

使用'clickdisabled',而不是'clickDisabled'在Jquery的嘗試 – Newtt 2014-09-26 19:29:11

回答

2

使用$(this)代替$('.editMe')因爲下面的語句總是會因爲它會檢查它有editMe類的每一個元素返回true

if ($('.editMe').attr('clickdisabled') == 'disable') 

。因此,即使點擊第二個元素,它也會返回true。

下面是代碼,你可以用

$('.editMe').click(function() { 
    if ($(this).attr('clickdisabled') == 'disable') { 
     alert('warning'); 
     return false; 
    } 
}); 

Js Fiddle Demo

相關問題