要素指定

1. 要素指定
prev
基点
children
next
parentparent

2. 要素指定
prev
基点
children
next
parentparent 親
前の（長男）
自分(次男）
子供
次の（三男）

3. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

4. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
prev
基点
children
next
parentparent
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

5. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
$('#rosian').prev().css('color','blue');
prev
children
next
parentparent
基点
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

6. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
$('#rosian').prev().css('color','blue');
prev
children
next
parentparent
基点
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

7. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
$('#rosian').next().css('color','green');
prev
children
next
parentparent
基点
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

8. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
$('#rosian').next().css('color','green');
prev
children
next
parentparent
基点
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

9. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
$('#rosian').children().css('color','orange');
prev
children
next
parentparent
基点
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

10. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
$('#rosian').children().css('color','orange');
prev
children
next
parentparent
基点
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

11. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
$('#rosian').parent().css('color','purple');
prev
基点
children
next
parentparent
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>

12. 要素指定
<ul>
<li>マンチカン</li>
<li>スコティッシュフォールド</li>
<li id="rosian">ロシアンブルー
<ul>
<li>原産国：ロシア</li>
<li>毛色：ブルー（灰色）一色</li>
</ul>
</li>
<li>メインクーン</li>
</ul>
prev
基点
children
next
parent
$('#rosian').parent().css('color','purple');