警报自定义属性值jquery表单元格

Question

I need to get the attribute value but it says its undefined.

 $(document).ready(function() { $(".try").click(function() { alert($(this).attr("value")); }); }); 

 <table id="try" class="try" cellspacing="0" cellpadding="0"> <td style="background:#80FF80;" value="WD">WD</td> <td style="background:#FFFF80;" value="RD">RD</td> <td style="background:#879FDE;" valu ="OD">OD</td> </tr> </table> 

Answer 1

You have to include child element to your selector. Also your html isn't correct. You are missing open tr :

 $(".try tr td").click(function() { alert($(this).attr("value")); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <table id="try" class="try" cellspacing="0" cellpadding="0"> <tr> <td style="background:#80FF80;" value="WD">WD</td> <td style="background:#FFFF80;" value="RD">RD</td> <td style="background:#879FDE;" value="OD">OD</td> </tr> </table>