Home/ Questions/Q 6180405
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T00:50:20+00:00

I am trying to write some Jquery code that will get the value of

  • 0

I am trying to write some Jquery code that will get the value of the next textbox that is of a class “in”. The code I have here isn’t working, the value is always undefined. I think I am using the next() function incorrectly but I am not sure, does anybody have any input? 

<!DOCTYPE html>
<html>

<body>
<input type="text" class="mm" />
<br>
<input type="text" class="in" />  

$(document).ready(function() {
    $("input").focus(function() {

        var value = $(this).next(".in").val();
        if (value) {
            alert(value);
        }

    });
});   

  </script>
 </body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your example as you’ve given the HTML actually works. You can see it here: http://jsfiddle.net/jfriend00/RGsDq/. Based on your comments, it sounds like you want the first sibling that has the class “in” whether it’s the next sibling or not. .next() only examines the very next sibling. If you want the first sibling that has the class “in” even if it’s not the very next sibling, you can do either of these:

    $(this).nextAll(".in").first().val();           // next sibling with class ".in"
$(this).parent().find(".in").first().val();     // next child of parent with class ".in"

    You can see the first of these two options working here: http://jsfiddle.net/jfriend00/4VwAN/

    • 0