以相同的初始名稱開始的類的jquery點擊事件

我有多個div動態添加。類名稱以「result _」+ id的形式給出，其中id來自數據庫表。以相同的初始名稱開始的類的jquery點擊事件

<div class="result_137">Gaurab Dahal</div> 
<div class="result_138">saurab dahal</div>

enter image description here

我怎麼能寫的單擊事件，以便它可以地址經過在其上點擊股利。

例如，我可以像下面這樣編寫css來解決所有具有以字符串「result」開頭的classname的div。

div[class^="result"]{ 
    padding:5px; 
    width:490px; 
    background: rgba(204,204,204,0.5); 
    font: 12px arial, verdana, sans-serif; 
}

來源

2012-12-26 GaurabDahal

對於動態添加的div，您需要我們on()進行綁定事件。您可以將事件委託給doucment或動態添加元素的父元素。

Live Demo

$(document).on('click', 'div[class^=result]', function(){ 
    alert($(this).text());        
});

來源

2012-12-26 07:28:35 Adil

我也試過，但沒有奏效..我嘗試了一個簡單的警告消息。 – GaurabDahal

它應該工作我在我的答案中添加了演示。 – Adil

您需要使用on而不是click來將事件與動態添加的元素綁定。 – Adil

正如你動態添加的div如此：

$(function(){ // ready handler required 
    $(document).on('click', 'div[class^=result]', function(){ // .on in your case 
     alert($(this).text());        // will be helpful 
    }); 
});

來源

2012-12-26 07:36:50 Jai

感謝您的完整代碼。學到了新東西。 – GaurabDahal

你可以得到這樣var selection = $(ev.target).attr("id");其中EV爲事件股利的ID，然後ü可以申請的點擊功能像這樣的jquery $(selection).live('click',function(){//ur code here });

來源

2012-12-26 07:45:55

以相同的初始名稱開始的類的jquery點擊事件

回答

相關問題