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 thread。

jQuery

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

Answer 2

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

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

如何选择独立于HTML结构的先前输入？

2 个答案: