jquery click event for a class starting with same initial name

Question

I have multiple divs added dynamically. The class name is given as "result_"+id where the id is from database table. ```

Gaurab Dahal

saurab dahal

``` How can I write the click event so that it can adddress the div on which it is clicked. for example I can write the css like below to address all the divs that has classname starting with the string "result". ``` div[class^="result"]{ padding:5px; width:490px; background: rgba(204,204,204,0.5); font: 12px arial, verdana, sans-serif; } ```

Accepted Answer

For dynamically added div you need to us on() for binding event. You can delegate event to doucment or to parent element of dynamically added elements.

Live Demo

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

jquery click event for a class starting with same initial name

Solution

Problem