jquery 从jquer repeater内输入字段上的name中获取点击项的索引

bkhjykvo  于 2023-06-22  发布在  jQuery
关注(0)|答案(1)|浏览(143)

我正在使用jquery repeater,输入字段看起来像这样:

$(document).ready(function () {
  $('.repeater').repeater({});
});
function getIndex(item){
    let index = $(item).index();
    console.log("index >>", index);
}
<!-- outer repeater -->
<form class="repeater">
    <div data-repeater-list="outer-list">
      <div data-repeater-item>
        <input onchange="getIndex(this)" type="text" name="text-input" value="A"/>
        <input data-repeater-delete type="button" value="Delete"/>

      </div>
    </div>
    <input data-repeater-create type="button" value="Add"/>
</form>

<script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.repeater/1.2.1/jquery.repeater.min.js"></script>

在这里,name字段看起来像:name="outer-list[0][text-input]"。现在,我想检索第一个索引[0]。如果name字段是outer-list[1][text-input],那么这个索引应该返回为1。这里是jsfiddle

lvmkulzt

lvmkulzt1#

$(document).ready(function () {
  $('.repeater').repeater({
  show: function () {
       
        $(this).slideDown();
        
        var index = $(this).closest('[data-repeater-item]').index();
        //$(this).find('.index-span').text(index);
 
    },
 });
});

相关问题