jqueryEasyUI中给accordion伸缩面板动态赋title值
2015-12-21 10:48
531 查看
给普通div赋值只需要$(“#div_id”).attr(“title”,”value”)即可,但在easyui中的accordion则不一样,虽然accordion下的伸缩面板也是由div构成的,但它在生成页面时,会将原本div的title变成一个单独的div,而title的值变为div标签的内容,所以当我们以之前方法给title赋值时,则达不到效果,
html:
实际上,会在页面生成这样的div标签:
所以我们可以通过给标签的innerHTML属性赋值来改变标题名称
js:
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>)"; }
相关文章推荐
- 抛弃jQuery,拥抱原生JavaScript
- placeholder的兼容处理(jQuery下)
- placeholder的兼容处理(jQuery下)
- jQuery API
- 用户界面框架jQuery EasyUI示例大全之Panel
- 自己写jquery插件之模版插件高级篇(一)
- jQuery实现图片文字淡入淡出效果
- jQuery实现图片文字淡入淡出效果
- jquery实现删除一个元素后面的所有元素功能
- jQuery焦点图插件SaySlide
- 七个不允许错过的jQuery小技巧
- jquery easyui,初始化方式
- jquery-easyui-1.4.4 汉化版
- jquery-easyui-1.4.4 综合实例
- jQuery小技巧(二)
- jQuery小技巧(一)
- jQuery之imgAreaSelect插件使用方法
- jquery全选,全不选,反选,获取选择框的值
- 我的《jQuery EasyUI开发指南》已经出版
- jQuery插件之ajaxFileUpload