jqueryEasyUI中给accordion伸缩面板动态赋title值

给普通div赋值只需要$(“#div_id”).attr(“title”,”value”)即可,但在easyui中的accordion则不一样,虽然accordion下的伸缩面板也是由div构成的,但它在生成页面时,会将原本div的title变成一个单独的div,而title的值变为div标签的内容,所以当我们以之前方法给title赋值时,则达不到效果,
html:

<div class="easyui-accordion" style="width:100%;height:100%">
            <div id="div_test1" title="test_title1">
                content1
            </div>
            <div id="div_test2" title="test_title2">
                content2
            </div>
            <div id="div_test3" title="test_title3">
                content3
            </div>
</div>

实际上,会在页面生成这样的div标签:

<div class="panel-title">test_title1</div>
<div class="panel-title">test_title2</div>
<div class="panel-title">test_title3</div>

所以我们可以通过给标签的innerHTML属性赋值来改变标题名称
js:

var st = $(".panel-title");
var arr = new Array("demo1","demo2","demo3");
for(var i = 0; i < st.length; i++){
    var title = st[i].innerHTML;
    st[i].innerHTML=title+"(<span style='color:red'>"+arr[i]+"</span>)";
    }
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值