jquery - Jquery访问表格单元格中的div

Question

我正在尝试通过悬停在表格行上的类访问第一个 div；

这是我的html：

<table id='search_job_results_table'>
<tbody>
<tr>
<td><div style='position:relative'><div class='search_job_tooltip'>blah blah</div></div></td>
</tr>
</tbody>
</table>

我尝试过以下方法：

$(function () {
    $('table#search_jobs_result_table tbody tr').mouseover(function () {
        $(this).children().next('div.search_job_tooltip').css('display', 'block');
    });
});

悬停工作部分有效，因为我可以在那里唤醒警报并触发它，但不能设置该 div 的 css。由于某种原因，我总是陷入困境，有什么想法吗？

Answer 1

你不能使用 .next() 因为 div 是孩子所以使用这个

$(function () {
    $('table#search_jobs_result_table tbody tr').mouseover(function () {
        $(this).find('div.search_job_tooltip').first().css('display', 'block');
    });
});

Answer 2

你可以使用find()方法，而不是.css('display', 'block');你可以使用show()方法。

$(function () {
    $('#search_jobs_result_table tr').mouseover(function () {
        $(this).find('.search_job_tooltip:first').show()
    });
});