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

时间:2014-11-23 14:52:57

标签: javascript jquery html

我需要获取属性值,但它表示未定义。



$(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>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:3)

您必须在选择器中包含子元素。你的HTML也不正确。您缺少开放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>