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()
    });
});

表格单元格中的Jquery访问div

2 个答案: