【Jquery】親兄弟関係なく、直前に書かれた要素を取得したい

Question

jqueryで、ある要素の直前に書かれているinput:textの要素を取得したいです。
今回は背景色を変えるという例で書きます。

<!-- 例1 -->
<input type="text" name="search">
<div class="sample"></div>

$('.sample').prev('input:text').css('background-color', 'red');

これだと無事変更できるのですが、

<!-- 例2 -->
<div>
    <input type="text" name="search">
</div>
<div class="sample"></div>

<!-- 例3 -->
<input type="text" name="search">
<div>
    <div class="sample"></div>
</div>

と、書かれると変更できません。その他メソッドも試してみましたが変更出来ず…。

行いたいのは、
階層等に関わらず、.sampleの直前に書かれたinput:textの要素にアクセスできるようにしたいです。

なので、例1でも例2でも例3でも、どのパターンでも取得できる適切なメソッドはありますでしょうか？

バージョンはJquery2.1.1です。
どなたかご教示お願い致します。

Answer 1

HTMLの見た目は順番に並んでいるように見えますが、内部的にはDOMツリーと呼ばれるように、要素の中に要素が入る、ディレクトリ・サブディレクトリ・ファイルのような構造となっています。

ということで、DOM（とそれをラップするjQuery）でできる基本操作は、「同じレベルの兄弟要素」「親要素」「子要素」といった、ツリー構造に沿ったものに限られます。

「階層構造を無視してすぐ前にあるもの」なんていう操作をしようと思えば、自力でコードを書くしかありませんが、それよりHTMLレベルで（クラス・ID・独自属性などをセットして）探索しやすくしておくほうが楽かと思います。

Comments

[sanset]

ありがとうございます。仰る通りだと思います。
新規でJqueryライブラリを作成しようとしましたが、ユーザーに指定させるのは煩わしいと思いこのようなことを考えてしまいました。
しっかりオプションで別途設定してもらえるように作りたいと思います。