2012-07-24 97 views
0

我試圖從懸停在表格行上的類訪問第一個div;Jquery在表單元格中訪問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。我總是因爲某種原因被卡住了,有什麼想法?

+0

做它在jsfiddle – Samson 2012-07-24 07:21:27

回答

0

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

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

感謝您的幫助! - 對不起Ankit,你的回答是正確的,但Raminson提供了show()以及...我希望我可以選擇2個答案或者至少給一個提及大聲笑 – 2012-07-24 07:58:11

1

不能使用的.next(),因爲DIV是孩子,讓使用這一個

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