Question

I need to get the value of the previous and next input by click on a element styling as a button…
Example code:

<ul>
    <li>
        <input type="text">
    </li>
</ul>
<ul>
    <li class="li-inline">
        <a class="btn" href="#">
            <i class=""></i>
        </a>
    </li>
</ul>
<ul>
    <li>
        <input type="text">
    </li>
</ul>

I try with next() and prev() jquery methods but have not achieved the expected results.

$("a").click(function() {
  $(this).next(":input");
});

Answer 1

First you have to reach the parent ul using closest() and then go to next or previous ul using next() or prev() respectively and find input in the descendants using find()

Live Demo

$("a").click(function() {
     $(this).closest('ul').prev('ul').find(":input");
     $(this).closest('ul').next('ul').find(":input");
});