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

How to set HTML attribute in conditional rule with jQuery?

本文关键字:设置 HTML 属性 规则 条件 何使用 jQuery      更新时间:2023-09-26

我仍然很困惑如何根据动态编号中的其他元素属性设置元素中的其他类属性

这是我的HTML &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">有一个类别属性"answerswered"时,则设置<a href="no1" id="shortcut1" class="answerswered">(将类别从"not-yet"更改为"answerswered")

帮助我,感谢你的关注

这是一个快速和肮脏的解决方案,您的javascript

http://jsfiddle.net/w9uvR/

基本上你只需要对每个div都这样做:

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

使用$(..).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');
       }
    }
});