jqueryを使用して、要素の先行する兄弟を検索したいので、例として、
<li>
<a href="">
<img src="http://placehold.it/45x45" alt="Profile Image"/>
<hgroup>
<h5>Person Number 1</h5>
<h6>Recruitment Consultant</h6>
</hgroup>
</a>
</li>
<li>
<a href="">
<img src="http://placehold.it/45x45" alt="Profile Image"/>
<hgroup>
<h5>Person Number 2</h5>
<h6>Recruitment Consultant</h6>
</hgroup>
</a>
</li>
<li>
<a href="">
<img src="http://placehold.it/45x45" alt="Profile Image"/>
<hgroup>
<h5>Person Number 3</h5>
<h6>Recruitment Consultant</h6>
</hgroup>
</a>
</li>
2番目のリスト要素にカーソルを合わせると、前の要素a
をどのように見つけることができますか?li
a
私の試みは以下の通りです、
$('resultsset a').hover(function(){
$(this).prev().find('li a').css('bottom-bottom', '1px solid #000');
},
function() {
$(this).prev().find('li a').css('bottom-border', '1px solid #c0c0c0');
});