Question

我仍然对如何根据动态数字中的其他元素属性在元素中设置其他类属性感到困惑。

这是我的HTML＆amp; PHP：

<?php for($i=1;$i<=$total;$i++){ ?>
<a href="#no<?php echo $i;?>" id="shorcut<?php echo $i;?>" class"not-yet"><?php echo $i;?></a>
<?php } ?>

<div id="no<?php echo $no?>" class="<?php if(!empty($h->answer)){ echo 'answered';} else{ echo 'not-yet';} ?>">

这是我的javascript：

$(document).ready(function(){

 var i;
 var tot = <?php echo $jumlah;?>
 for (i=1; i< tot; i++){
    if($('#no'+i).hasClass('answered'){
       $('#shortcut'+i).attr('class', 'answered');
    }
 }
});

例如，当<div id="1">具有类属性"answered"时，请设置<a href="no1" id="shortcut1" class="answered">（将类别从"not-yet"更改为"answered"）

帮助我并感谢您的关注

Answer 1

使用$(..).addClass('classname')和$(..).removeClass('classname')更改类属性。

$(function(){
    var tot = <?php echo $jumlah;?>;
    var i;
    for (i=1; i<tot; i++) {
       if ($('#no'+i).hasClass('answered')) {
           $('#shortcut'+i).addClass('answered');
       }
    }
});

Answer 2

这是一个快速而又脏的javascript解决方案

http://jsfiddle.net/w9uvR/

基本上你只想为每个div做这个：

   $(document).ready(function() {
       $("[id^='no']").each(function() {
            if(this.className == "answered") {
               var myId = this.id.replace("no","");
                $("#shortcut" + myId).attr("class", "answered");
             }
        })
    });

如何使用jQuery在条件规则中设置HTML属性？

2 个答案: