jquery - प्रत्येक/क्लिक फ़ंक्शन काम नहीं कर रहा है

Question

संपादित करें: यह काम करता है, लेकिन यह सुनिश्चित नहीं है कि क्यों?

$('button').each(function() { 
    $(this).bind(
     "click", 
     function() { 
      alert($(this).val()); 
     }); 
    }); 

मैं क्यों इस काम नहीं कर रहा है ... अभी, मैं तो बस बटन मूल्य के साथ एक चेतावनी उत्पादन के लिए कोशिश कर रहा हूँ यकीन नहीं है, लेकिन यह अपने पन्ने पर काम नहीं कर रहा। मुझे फ़ायरबग में कोई कंसोल त्रुटियां नहीं मिलती हैं और कुछ भी नहीं देख सकती जो इसे काम करने से रोकती है।

मेरे एचटीएमएल इस तरह दिखता है:

<table id="addressbooktable"> 
<thead> 
    <tr> 
     <th>Name</th> 
     <th>Action</th> 
    </tr> 
</thead> 

<tbody> 
    <tr> 
     <td>7892870</td> 
     <td><button id="button-20" class="custom-action" value="XY89" name="info">Click</button></td> 
    </tr> 

    <tr> 
     <td>9382098</td> 
     <td><button id="button-21" class="custom-action" value="XY544" name="info">Click</button></td> 
    </tr> 

    <tr> 
     <td>3493900</td> 
     <td><button id="button-22" class="custom-action" value="XY231" name="info">Click</button></td> 
    </tr> 
</tbody> 
</table> 

और कोड इस तरह दिखता है:

$('button').each(function() { 
    $(this).click(function() { 
     alert($(this).val()); 
    } 
    }); 

लेकिन, पर यह बिल्कुल कुछ नहीं करता है पर क्लिक? क्या मैं इसे गलत तरीके से उपयोग कर रहा हूं?

Answer 1

आप इस प्रकार का क्लिक करें घटना के साथ सभी बटन बाध्य कर सकते हैं, वहाँ उन के माध्यम से लूप करने की कोई जरूरत

$(function(){ 
    $("button").click(function() { 
     alert($(this).attr("value")); 
    }); 
}); 

लेकिन एक और अधिक सटीक चयनकर्ता हो सकता है बटन के लिए विधि। मूल्य विशेषता प्राप्त करने के लिए आप .attr() का उपयोग कर सकते हैं। यदि आप कस्टम विशेषताओं का उपयोग कर रहे हैं तो data-attribute का उपयोग करें।

इस तरह का प्रयास करें

$("button").click(function(){ 
    alert($(this).attr("value")); 
}); 

Answer 2

यूप। इस प्रयास करें:

$('button').click(function() { 
     alert($(this).val()); 
    }); 

तुम भी एक return false या .preventDefault() वहाँ में कर सकते हैं।

$(function(){ 
    $("button[id^='button-'").click(function() { 
     alert($(this).attr("value")); 
    }); 
}); 

Answer 3

आप .val() का उपयोग नहीं कर सकते हैं:

Answer 4

आप एक ); वंचित हो रहे हैं, और एक document.ready हैंडलर में सुनिश्चित करें कि आपके कोड है,:

$(function() { 
    $('button').each(function() { 
    $(this).click(function() { 
     alert($(this).val()); 
    }); //missing); here! 
    }); 
}); 

इस तरह यह उन <button> नहीं चलेंगे तत्व उन्हें खोजने के लिए $('button') के लिए DOM में हैं। इसके अलावा, आप तत्वों का एक सेट पर .click() चला सकते हैं, इस तरह:

$(function() { 
    $('button').click(function() { 
     alert($(this).val()); 
    }); 
}); 

Answer 5

आप ) याद कर रहे हैं:

$('button').each(function(){ 
      $(this).click(function(){ 
       alert($(this).val()); 
      }); 
     }); 

नहीं