jQuery悬停在表上

html结构如下所示：

<tr class="row-1 row-first">
  <td class="col-1 col-first">
    <div class="views-field views-field-field-logo-image"></div>
    <div class="views-field views-field-field-logo-title"></div>
  <td class="col-2">
<td class="col-3 col-last"> 

我已成功使用以下代码在悬停时显示标题：

(function ($) {
    $(document).ready(function() {
        $('.view-clone-of-logo td').hover(function() {
            $('.view-clone-of-logo .views-field-field-logo-title').css("margin-top", "-155px");
        }, function() {
            $('.view-clone-of-logo .views-field-field-logo-title').css("margin-top", "-5000px");
        });


        });

}(jQuery));

但是，当我将鼠标悬停时，所有标题都显示在图像上

假设我将鼠标悬停在第一行/第一列上，并希望显示该列的标题

如何显示特定列的标题？

这应该可以：

(function ($) {
    $(document).ready(function() {
        $('.view-clone-of-logo td').hover(function() {
            $(this).find('.views-field-field-logo-title').css("margin-top", "-155px");
        }, function() {
            $(this).find('.views-field-field-logo-title').css("margin-top", "-5000px");
        });


        });

}(jQuery));

---

你对jQuery说：查找所有

。查看logo的克隆。查看字段logo title

，如果你想说：在悬停的元素中查找

。查看字段logo title

。

你可以用纯CSS来做

.view-clone-of-logo td:hover .views-field-field-logo-title {
    margin-top: -155px;
}

---

html中logo的

视图克隆在哪里？请尝试使用
$（this）。查找（'.views字段logo title'）.css（“页边空白处顶部”，“-155px”）.view-clone-of-logo td:hover .views-field-field-logo-title {
    margin-top: -155px;
}