あるhtmlタグについて、それを内包しているタグから見た時に何番目の位置に存在しているのか知りたい


例えば、`name属性がtitleであるinputタグを内包しているliタグは、ulタグ内で何番目に位置するか`
という情報を取得したいとき、どのようなJavaScriptを記述すれば実現できるのか良いアイディアが出ません。

どなたかご教授いただければ幸いです。

[code]

    <ul>
        <li><input type="text" name="title"></li>
        <li><input type="number" name="price"></li>
        <li>
            <select name="number">
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
            </select>
        </li>
    </ul>
    
[/code]




タグに `jquery` がありましたので、jQuery使用のコードで回答いたします。

[code]

    var i = $('input[name=title]').parent('li').index();
    
[/code]

これで `i` に何番目か入ることになります。 `i` は 0 から始まることに注意してください。

参考コード: <http://jsdo.it/blueberrystream/hT9G> （[Internet
Archive](https://web.archive.org/web/20191017111040/http://jsdo.it/blueberrystream/hT9G)）




タグに `jquery` がありましたので、jQuery使用のコードで回答いたします。

[code]

    var i = $('input[name=title]').parent('li').index();
    
[/code]

これで `i` に何番目か入ることになります。 `i` は 0 から始まることに注意してください。

参考コード: <http://jsdo.it/blueberrystream/hT9G> （[Internet
Archive](https://web.archive.org/web/20191017111040/http://jsdo.it/blueberrystream/hT9G)）

