获取表单元素

Question

的索引我有多个输入框与属性name="user[]"

当点击一个特定的输入，我需要在被点击了哪些指数user找出一个按钮。

我试过几种方法，如.index(),.attr('name")，但我找不到索引。

这怎么可能？

<div> 
    <input type="hidden" name="user[]"> <!-- index 0 --> 
    <button class="btn btn-primary"> 
</div> 
<div> 
    <input type="hidden" name="user[]"> <!-- index 1 --> 
    <button class="btn btn-primary"> 
</div> 
<div> 
    <input type="hidden" name="user[]"> <!-- index 2 --> 
    <button class="btn btn-primary"> 
</div> 
... 

新的div可以通过点击按钮添加。 这是用于用户邀请表，所以没有ID。

我需要的是这样的

$('button').on('click', function() { 
    var index = $(this).parent().children('input').getTheIndex(); 
    // where the index is defined by the use of [] 
}); 

Answer 1

jQuery的.index()找到给定集合中元素的索引。

因此，name="user[]"输入中进行搜索，您首先需要找到所有的人：

var index = $(':text[name="user[]"]')...; 

然后，你可以判断当前输入的.index()其中：

var index = ...index(currentInput); 

实施例：

$('button').on('click', function() { 
 
    var allUsers = $('[name="user[]"]'); 
 

 
    var user = $(this).siblings('[name="user[]"]'); 
 
    var index = allUsers.index(user.get(0)); // get the native DOM node for the search 
 

 
    console.log(index); // 0, 1, ... 
 

 
    console.log(user.get(0) === allUsers.get(index)); // true 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <input type="hidden" name="user[]"> <!-- index 0 --> 
 
    <button class="btn btn-primary">Test</button> 
 
</div> 
 
<div> 
 
    <input type="hidden" name="user[]"> <!-- index 1 --> 
 
    <button class="btn btn-primary">Test</button> 
 
</div> 
 
<div> 
 
    <input type="hidden" name="user[]"> <!-- index 2 --> 
 
    <button class="btn btn-primary">Test</button> 
 
</div>

Answer 2

我认为你需要设置data的该输入框的属性到像data-user-id=42所以你可以看看checked箱，并得到他们data属性。如果你想要的东西，如“所有表单元素内指数”比你需要像document.getElementById("form").elements在这里你可以寻找你输入...

Answer 3

如果每个按钮涉及到具体的隐藏元素，这将做到这一点：

var $users = $("input[type=hidden]"); 
    var $buttons = $(".btn-primary"); 
    $buttons.on("click", function(){ 

    // Get the index of the button, since it will match the 
    // index of the input 
    alert("Button index was: " + $buttons.index(this)); 

    // Get the index of the hidden element that comes just before the 
    // button that was clicked: 
    alert("Hidden index was: " + $users.index(this.previousElementSibling));  
    }); 

小提琴：https://jsfiddle.net/cvnwr89p/5/

顺便说一句，你需要关闭<button>元素。

Answer 4

你可以这样做：

$('.btn-primary').on('click', function() { 
    console.log($('.btn-primary').index($(this))) 
});