如何使用jQuery在条件规则中设置HTML属性
How to set HTML attribute in conditional rule with jQuery?
我仍然很困惑如何根据动态编号中的其他元素属性设置元素中的其他类属性
这是我的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');
}
}
});
相关文章:
- 如何设置html元素填充的动画
- 使用val()在jquery循环中设置html字符串的val
- 在 PHP 块中使用 Javascript 设置 HTML 文本框的值(使用 echo)
- JS for循环来设置HTML对象参数
- 使用JavaScript在select字段中使用optgroup设置html选项值
- 使用jQuery在select选项上设置HTML数据属性
- 设置html时的验证
- 如何从javascript中设置html表单的属性
- 如何使用Angular 2设置HTML选择值
- 设置 HTML 自定义属性与在 ID 属性中存储信息
- 无法通过javascript函数的自动计算设置html元素值
- 通过单选按钮状态设置HTML元素的可见性
- 通过参数设置html组合框的选定选项
- 使用javascript设置html页面的标题
- 如何从javascript设置html单选值
- 通过单独的js文件设置HTML值
- 我们如何使用Jquery和ASP.NET MVC 4复杂模型数据设置HTML元素的值
- 如何使用来自@Html.TextBoxFor的用户输入设置@Html.RadioButtonFor的值
- ckEditor插件iframe对话框设置html输入
- 如何从json中设置HTML选择选项