prevと兄弟関係にあるsiblingsを選択する。
サンプル
h5と兄弟関係にあるp要素とimg要素を含むdiv要素を選択する。
Javascript
$('.execute').click(function(){
$('h5 ~ p,div:has("img")', $(this).parent()).css({
display: 'inline-block',
padding: 5,
border: '1px solid #009999'
});
});
HTML
<div class="jqTest">
<input type="button" value="jQuery *テスト" class="execute" />
<h5>リストの見出し</h5>
<div>
<p>jQueryのてすと</p>
<ul>
<li>リスト1</li>
<li>リスト2</li>
</ul>
</div>
<p><span>test</span></p>
<div>aaaa</div>
<img src="/resource/icons/comment.gif" />
<input type="text" name="data[tel]" value="電話暗号は入力できません" />
<div><img src="/resource/icons/comment.gif" /></div>
</div>