Question

<table>
    <tr class="myRow"><td class="col1"></td><td class="col2"></td></tr>
    <tr class="myRow"><td class="col1"></td><td class="col2"></td></tr>
    <tr class="myRow"><td class="col1"></td><td class="col2"></td></tr>
    <tr class="myRow"><td class="col1"></td><td class="col2"></td></tr>
    <tr class="myRow"><td class="col1"></td><td class="col2"></td></tr>
</table>

当用户翻转行时，如何使用字母“ABC”进行相应的col1填充？

当用户将鼠标移离该行时，然后消失“ABC”？

到目前为止，我得到了这个。我解决了。

  $(".ep").hover(function(){
        $(this).find('td.playButtonCol').html('PLAY');
    },function(){
        $(this).find('td.playButtonCol').html('');
    });

Answer 1

使用mouseenter和mouseleave事件。

$('.col1').mouseenter(function(){ ... });
$('.col1').mouseleave(function(){ ... });

Answer 2

    $(".col1").hover(
function(){
 $(this).html = ('abc');
    )};

Answer 3

您的问题有点模糊，但如果我理解正确，您希望将鼠标悬停在一行并将值放在该行的一个特定单元格中。如果是这样，那就相对容易了：

$("tr").hover(function() {
  $(this).children(".col1").html("ABC");
}, function() {
  $(this).children(".col1").html("");
});

Answer 4

你的意思是这样的吗？：

$('.col1').hover(function() {
    $(this).html('ABC');
}, function() {
    $(this).html('');
});

假设我有一个HTML表。我如何在此使用JQuery事件？

4 个答案: