二つ前にあるinputタグの内容を取得して小文字に変換してあげるプログラムを考えていますが、うまく取得して変換できません。
タグ的な構造
HTML
1<form method="post" action="/"> 2 <div class="string_input"> 3 <h2 class="hoge">英文字1</h2> 4 <div class="input text required"> 5 <input type="text" name="0[english]" placeholder="English" id="0-english" /> 6 </div> 7 <button class="normal_cleartext" type="button">clear</button> 8 <button class="normal_lower clearfix" type="button">lower</button> 9 </div> 10 <div class="string_input"> 11 <h2 class="hoge">英文字2</h2> 12 <div class="input text required"> 13 <input type="text" name="1[english]" placeholder="English" id="1-english" /> 14 </div> 15 <button class="normal_cleartext" type="button">clear</button> 16 <button class="normal_lower clearfix" type="button">lower</button> 17 </div> 18 <div class="string_input"> 19 <h2 class="hoge">英文字3</h2> 20 <div class="input text required"> 21 <input type="text" name="2[english]" placeholder="English" id="2-english" /> 22 </div> 23 <button class="normal_cleartext" type="button">clear</button> 24 <button class="normal_lower clearfix" type="button">lower</button> 25 </div> 26 <button class="submit" type="submit">登録</button> 27</form> 28</div>
jQuery
JavaScript
1 2$(function() { 3 $(".strtolower").click(function() { 4 //var text = $(this).prev().prev().find("input");//オブジェクトの内容群がでてくる。 5 var text = $(this).prev().prev().find("input").val();//undefined となる。 6 console.log(text); 7 }); 8}); 9
なぜでしょうか。
回答2件
あなたの回答
tips
プレビュー