0

テーブルの行にカーソルを合わせて、クラスで最初の 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を設定することはできません。私はいつも何らかの理由でこれに行き詰まっています。何かアイデアはありますか?

4

2 に答える 2

1

div は子なので . next() は使用できませんので、これを使用してください

$(function () {
    $('table#search_jobs_result_table tbody tr').mouseover(function () {
        $(this).find('div.search_job_tooltip').first().css('display', 'block');
    });
});
于 2012-07-24T07:25:55.980 に答える
0

メソッドを使用できfind()、代わりにメソッドを.css('display', 'block');使用できますshow()。

$(function () {
    $('#search_jobs_result_table tr').mouseover(function () {
        $(this).find('.search_job_tooltip:first').show()
    });
});
于 2012-07-24T07:27:59.463 に答える