jquery - 如何独立于 HTML 结构选择上一个输入？

Question

我搜索了很多试图解决这个问题，但我只是找到了具体的解决方案，我想知道是否有一种方法可以选择独立于 HTML 结构的先前输入文本。

不知道这是否可能，但如果有一个“通用”的解决方案来解决这个问题，那就太好了。

这是不可能的，这是我的情况：

<ul>
<div class="inputMusics">
    <div class="music">
        <li>                
            <label>Artist:</label>
            <input class="artists" type="text" name="artistMusic[]" value="artist"/>
        </li>
        <li> 
            <label>Title:</label>
            <input class="title" type="text" name="titleMusic[]" value="title"/>
        </li>       
        <li> 
            <label>Album:</label>
            <input class="albuns" type="text" name="albumMusic[]" value="album"/>
        </li>           
    </div>
</div>  
<button id="addMusic" type="button"> + Add musics</button>   
<button id="removeMusic" type="button"> - Remove music</button>

$(".title").focus(function(){
// select the previous input    
}

谢谢！

Answer 1

也许像这样的 jsFiddle？基于这个SO 线程。

jQuery

$('.title').focus(function() {
  alert($(':input:eq(' + ($(this).index() - 1) + ')').val());
});

Answer 2

$('.titulo').focus(function(){
    $(this).closest('li').prev().find('input').val();
});

其中，theclosest li将是parent li，the 的前一个元素closest li是previous li，然后我们只需找到input and grab the val。