Question

我现在正在爬楼梯，尝试并调整此代码超过2小时，而且我仍然没有更接近于搞清楚。

我试图做以下事情，

如果div有 .item1 ， .item2 ， .item3 ，请为每个添加css样式，但我需要.item（数字））为了在我的脚本中自动计数，我有自动使用.item（数字）类创建的div。

我只需要＆＃39; .single-attendee-wrapper＆＃39;拥有＆＃39; .item +（i + 1）＆＃39;我也不能这样做。

最新修正 -

/* 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>

Answer 1

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

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

<强>演示

Try before buy

jQuery向类添加计数

1 个答案: