0

我一直在上楼梯，尝试和调整这段代码超过 2 小时，但我仍然没有接近弄清楚它。

我正在尝试执行以下操作，

如果 div 有类.item1，.item2，.item3为每个添加 css 样式，但我需要 .item(number) 自动获取计数，因为在我的脚本中我有自动创建的 .item(number) 类.

我只需要 '.single-attendee-wrapper' 也有 '.item + (i+1)' 但我不能让它工作。

最新修订——

/* Inline validation */
.on( 'blur change', '.input-text', function() {
    $(".single-attendee-wrapper").each(function(i){
        var $this = $(this);
        var validated = true;

        if ( $(".cart > .item" + (i+1)) ) {
            if ( $this.val() == '' ) {
                $(".item" + (i+1) + " .count").css('background','#ED616A');
                $(".item" + (i+1) + " .count").css('color','#fff');
                validated = false;
            }
        }
        if ( validated ) {
                $(".item" + (i+1) + " .count").css('background','#D1D3D4');
                $(".item" + (i+1) + " .count").css('color','#808285');
        }

    });
} )

到目前为止，这是我的片段，

.on( 'blur change', '.input-text', function() {
    var count = 0;


    $(".single-attendee-wrapper .input-text").each(function(){
        var $this = $(this);
        var validated = true;
        count++;

        if ( $(this) ) {
            if ( $this.val() == '' ) {
                $('.item'+ count + ' .count').css('background','#ED616A');
                $('.item'+ count + ' .count').css('color','#fff');
                validated = false;
            }
        }
        if ( validated ) {
                $('.item'+ count + ' .count').css('background','#D1D3D4');
                $('.item'+ count + ' .count').css('color','#808285');
        }

    });
} )

在我的脚本中，这很完美。

$(".single-attendee-wrapper").each(function(i) {
        $(this).addClass("item" + (i+1));
    });

HTML

<div class="single-attendee-wrapper item1">
<div class=" product-addon product-addon-one-attendee" style="display: block;">
<div class="count" style="">1</div>
</div>
<div class="single-attendee-wrapper item2">
<div class=" product-addon product-addon-two-attendees" style="display: block;">
<div class="count" style="">2</div>
</div>
<div class="single-attendee-wrapper item3">
<div class=" product-addon product-addon-three-attendees" style="display: block;">
<div class="count" style="">3</div>
</div>
4

1 回答 1

1

如果要选择所有以 开头的类item{*}，可以使用“ Attribute Starts With Selector [name^="value"] ”：

$("div[class^='item']")

演示

先试后买

于 2013-09-06T11:59:58.893 回答