Question

我对html有一些疑问。我正在使用AJAX来处理元素。但问题是我如何在td粗体内部生成文本，并在将鼠标悬停在元素上时将光标更改为指针。我试过onmouseover但它不起作用。

我的td元素就是这个

<td id='buildingName$i' onclick='tdClick($i)'>".$row['PROJECTNAME']."</td>

感谢你们的帮助

Answer 1

为什么不使用CSS？你可以轻松地做这样的事情：

td:hover {
    font-weight: bold;
    cursor: pointer;
}

Answer 2

使用css进行此操作是最佳解决方案。如果需要，这是jquery选项。

$("#test").hover(function(event) {
  $("#test").addClass("highlighted");
}, function(event) {
  $("#test").removeClass("highlighted");
});

.highlighted {
    font-weight: bold;
    cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td id="test">HTML</td>
    <td>Javascript</td>
  </tr>
</table>

Answer 3

使用其他答案中描述的CSS
从TD中删除onclick，而不是使用不引人注目的委托 - 例如在jQuery中：

$(function() {
  $("#tableContainer").on("click",".clickableTD",function(){
    var idx = parseInt(this.id.replace("buildingName",""),10);
    // here you do whatever you did in tdClick
  });
});

假设

<div id="tableContainer"></div>

和

<td id='buildingName$i' class='clickableTD'>".$row['PROJECTNAME']."</td>

将光标更改为指针并使文本在元素中变为粗体

3 个答案: