javascript - 从单击的td标签获取文本

我已经在这段代码上停留了一段时间了。在单击带有数字字体大小的td元素作为文本后，我只希望短语增加大小。

jQuery代码：

$('td').click(function() {
        var string = $('this').html();
        alert(string);
        $('#tekstPreview').css("font-size", string);
        });

表：

<table border="0" cellspacing="10" id="table">


<tr>
    <td height="20" width="20">9</td>
    <td height="20" width="20">10</td>
    <td height="20" width="20">12</td>
    <td height="20" width="20">14</td>
    <td height="20" width="20">16</td>
    <td height="20" width="20">18</td>
    <td height="20" width="20">20</td>
  </tr>
</table>

警报语句向我返回的唯一内容是“未定义”。如果我使用.text（）或.value（）（这很有意义），我也不工作。

最佳答案

this不应位于quotes中，将this放在引号中表示您正在查找类型为this的标记，还需要定义ID为tekstPreview的元素。还要在大小后附加“ px”以更改字体。

Live Demo

更改

var string = $('this').html();

至

var string = $(this).html();

您的代码将是

$('td').click(function () {
    var string = $(this).html();
    $('#tekstPreview').css("font-size", string + "px");
});

关于javascript - 从单击的td标签获取文本，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20836943/