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

来源：互联网发布：linux常用基本命令编辑：程序博客网时间：2024/05/23 20:00

给普通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>)";    }

0 0