Question

我想使用jquery从div中逐个获取每个值，下面是我的代码

<div class="vouchers-entered-wrapper">
    <div id="enteredVoucher_" 1="">
        <div class="col-md-3 voucher-value-append">1234</div>
        <div class="col-md-1 voucher-value-delete">Delete</div>
    </div>
    <div id="enteredVoucher_" 2="">
        <div class="col-md-3 voucher-value-append">2345</div>
        <div class="col-md-1 voucher-value-delete">Delete</div>
    </div>
    <div id="enteredVoucher_" 3="">
        <div class="col-md-3 voucher-value-append">3456</div>
        <div class="col-md-1 voucher-value-delete">Delete</div>
    </div>
</div>

我想将每个值用于验证以避免重复输入

Answer 1

要使voucher-value-append使用each在[{1}}内的所有div上获取vouchers-entered-wrapper的值，如下所示：

var values = [];
$('.vouchers-entered-wrapper').children('div').each(function() {
    var value = $(this).find('.voucher-value-append').text();

    if (values.indexOf(value) == -1)
        values.push(value);
    else
        alert('Duplicate Value');
});

演示：https://jsfiddle.net/tusharj/5w0c4fxa/1/

Answer 2

尝试一个简单的循环：

$('.vouchers-entered-wrapper').each(function(index, value) {
    console.log(value);
});

$('.vouchers-entered-wrapper')在其类中选择父div时，.each(function(index, value) {为每个项创建for-each循环，捕获值，在本例中为元素内容和console.log(value);是您使用这些值的地方。

我没有办理登机手续，他们是空白的，这可能会使您的事业受益，因为记录该值只会显示具有值的值。

http://jsfiddle.net/m0sbhek9/

Answer 3

如果要迭代voucher-value-append元素

$('.vouchers-entered-wrapper .voucher-value-append').each(function() {
  console.log($(this).text())
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="vouchers-entered-wrapper">
  <div id="enteredVoucher_" 1="">
    <div class="col-md-3 voucher-value-append">1234</div>
    <div class="col-md-1 voucher-value-delete">Delete</div>
  </div>
  <div id="enteredVoucher_" 2="">
    <div class="col-md-3 voucher-value-append">2345</div>
    <div class="col-md-1 voucher-value-delete">Delete</div>
  </div>
  <div id="enteredVoucher_" 3="">
    <div class="col-md-3 voucher-value-append">3456</div>
    <div class="col-md-1 voucher-value-delete">Delete</div>
  </div>
</div>

注意：您的ID属性看起来很奇怪，请检查它们是否已正确创建

如何从包含jquery中两个以上值的div中获取每个值

3 个答案: