Prototype-element-next
提供：Dev Guides
プロトタイプ-next（）メソッド
このメソッドは、要素が指定されたCSSセレクターと一致するかどうかをチェックします。
構文
element.next( [cssRule][, index = 0]);戻り値
見つかった要素が1つある場合はHTML要素を返し、そうでない場合は_undefined_を返します。
例
<html>
<head>
<title>Prototype examples</title>
<script type = "text/javascript" src = "/javascript/prototype.js"></script>
<script>
function showResult() {
var str = $('list-of-apples').next();
alert( "$('list-of-apples').next() " + str.innerHTML );
var str = $('list-of-apples').next(0);
alert( "$('list-of-apples').next(0) " + str.innerHTML );
var str = $('title').next('p');
alert( "$('$('title').next('p') " + str.innerHTML );
var str = $('golden-delicious').next('.yummy', 1);
alert( "$('golden-delicious').next('.yummy', 1) " + str.innerHTML);
var str = $('ida-red').next();
alert( "$('ida-red').next() " + str );
}
</script>
</head>
<body>
<p>Click the button to see the result.</p>
<ul id = "fruits">
<li id = "apples">
<h3 id = "title">Apples</h3>
<ul id = "list-of-apples">
<li id = "golden-delicious">Golden Delicious</li>
<li id = "mutsu">Mutsu</li>
<li id = "mcintosh" class = "yummy">McIntosh</li>
<li id = "ida-red" class = "yummy">Ida Red</li>
</ul>
<p id = "saying">An apple a day keeps the doctor away.</p>
</li>
</ul>
<br/>
<input type = "button" value = "Show Result" onclick = "showResult();"/>
</body>
</html>