How to catch event on element create by javascript

Question

I have a link create by javacript

<a href="javascript:void(0)" class="view-more" start="15">View more</a>

(I have library jquery)

 $('.view-more').click(function() {
      console.log($(this).attr('start'));
 })

@Chiu , you *could* do that, but it would be much simpler to attach the event to an ansestor element that always exists like: `$(document).on('click','.view-more',function(){ // code here });` — Wesley Smith, May 02 '17 at 03:49

guradio · Answer 1 · 2017-05-02T03:55:37.090

2

$('.view-more').click(function() {
      console.log($(this).attr('start'));
 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="#" class="view-more" start="15">View more</a>

Missing ) at the end.
Use # like href="#"

If you are creating the links dynamically you should use event delegation like

$("body").append('<a href="#" class="view-more" start="15">View more</a>')

$(document).on('click','.view-more',function() {
      console.log($(this).attr('start'));
 })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Use .on() for dynamically added elements

edited May 02 '17 at 03:55

answered May 02 '17 at 03:45

guradio

15,122
3
30
47

1

you might also mention `.on()` since we're talking about dynamic elements, though the OP is pretty vague there – Wesley Smith May 02 '17 at 03:50
1

yes i will update the answer – guradio May 02 '17 at 03:53
1

Thank you very muck. It is what I need ($(document).on). thank you!!!! – Chung Bảo Phùng May 02 '17 at 03:59

How to catch event on element create by javascript

1 Answers1