二つ前の要素の英文字の値を取得して、小文字に変換してあげるjQuery

Question

二つ前にあるinputタグの内容を取得して小文字に変換してあげるプログラムを考えていますが、うまく取得して変換できません。

タグ的な構造

<form method="post" action="/">
    <div class="string_input">
        <h2 class="hoge">英文字1</h2>
        <div class="input text required">
            <input type="text" name="0[english]" placeholder="English" id="0-english" />
        </div>
        <button class="normal_cleartext" type="button">clear</button>
        <button class="normal_lower clearfix" type="button">lower</button>
    </div>
    <div class="string_input">
        <h2 class="hoge">英文字2</h2>
        <div class="input text required">
            <input type="text" name="1[english]" placeholder="English" id="1-english" />
        </div>
        <button class="normal_cleartext" type="button">clear</button>
        <button class="normal_lower clearfix" type="button">lower</button>
    </div>
    <div class="string_input">
        <h2 class="hoge">英文字3</h2>
        <div class="input text required">
            <input type="text" name="2[english]" placeholder="English" id="2-english" />
        </div>
        <button class="normal_cleartext" type="button">clear</button>
        <button class="normal_lower clearfix" type="button">lower</button>
    </div>
    <button class="submit" type="submit">登録</button>
</form>
</div>

jQuery

$(function() {
    	$(".strtolower").click(function() {
        //var text = $(this).prev().prev().find("input");//オブジェクトの内容群がでてくる。
        var text = $(this).prev().prev().find("input").val();//undefined となる。
        console.log(text);
      });
});

なぜでしょうか。

Comments

[MaShiRo_H]

". strtolower"この要素はHTML内のいずれにございますか？？

[yajin]

フォーム内には複数ありますが、他にはございません。

[yajin]

あ、失礼しました。ごめんなさい。クラス名間違えてました・・・

[yajin]

失礼しました。解決しました。

[kei344]

まだ質問が「受付中」になっていますが、いったんご自身の回答をもって「解決済」にされてはいかがでしょうか。

Answer 1

クラス名を間違えていました。

挙動なく動きます。

$(function() {
    	$(".クラス名").click(function() {
        var hoge = $(this).prev().prev().find("input").val();
        $(this).prev().prev().find("input").val(hoge.toLowerCase());
      });
});

このような感じです。

Answer 2

クラス名を間違えていました。

挙動なく動きます。

$(function() {
    	$(".クラス名").click(function() {
        var hoge = $(this).prev().prev().find("input").val();
        $(this).prev().prev().find("input").val(hoge.toLowerCase());
      });
});

このような感じです。