Question

这是我的添加行功能

$(document).ready(function() {
  $(".kg").blur(function()
  {
    if($(".kg:last").val() > 0)
    {
      $("#one").clone(true).appendTo("#mainDiv")
      .find('input[type="text"]').val('').end()
      .find('select[option=""]').val('');
      var rowCount = $('#mainDiv tr').length;
      $(".srNo:last").val(rowCount);
    }
  });
});

这里我使用此功能的boosttrop选择：

function add(thisObj)
{
  var row   = $(thisObj).parents('.itemRow');
   row.find.fn.select2.defaults.set("theme", "bootstrap");
   row.find(".hey").select2({
            width: null
   });
}

这是我的代码与我的添加行功能我想在每一行中应用选择搜索我怎么可能无法在每一行中使用

Answer 1

刚刚更新了答案，我想你正试图操纵事件本身。

在点击事件中，第一个对象是Event而不是currentTarget。只需使用.currentTarget即可访问它们。

获取siblings（相同级别的所有元素）。

为了过滤您使用 filter 功能，就像：

var elements_filters = $(element).siblings().filter('.class') //filter([selector])

您可以使用父元素上的append函数将父节点上的其他元素添加为子节点;

请参阅下面的示例（在框中单击）：

var add = function (obj){
  var filtered = $(obj.currentTarget).children().filter('.red')
 console.log(filtered); 
 $('div').html(filtered);
  
}

$("body").on("click", "tr", add);

.red{
  background-color:red
}

table{
  border: 1px solid black;
  }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
  <tr class="line">
    <td class="red">Test</td>
    <td>Test</td>
    <td>Test</td>
    <td>Test</td>
  </tr>
</table>
<br/>
response:
<div>
  </div>

如何在添加行中使用bootstrap选择框

1 个答案: