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

悬停工作的一部分作品，我可以在那里WAK警报和它触发的，但不设置该div的CSS。我总是因为某种原因被卡住了，有什么想法？

Answer 1

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

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

Answer 2

不能使用的.next（），因为DIV是孩子，让使用这一个

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