sample: jQuery traversing

by sii_side

HTML

<form method="post" action="/">
  <div class="string_input">
    <h2 class="hoge">英文字1</h2>
    <div class="input text required">
      <input type="text" name="0[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]" 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]" 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>

JavaScript

$(".normal_lower").click(function() {
  var t = $(this).prev().prev().find("input");
  console.log(t.attr("name"));
  console.log(t.val().toLowerCase());
});