jquery再体验

$(function(){
var obj = $("div[id^='channel_'][id$='_left']");
var val = obj.html();
var id = obj.attr("id");
//alert("value="+val+"id="+id); $("#"+id).html("<div id='channel_zcfg_left_content'>"+val+"</div>"); });

今天遇到一个不太棘手的问题,使用jquery的一些高级功能解决了,今天做些记录。上面就是全部代码,看起来有些让人迷惑,下面听我慢慢讲来!

需求和问题描述:

有十来个页面中有类似的div,它们的id略有不同,相同的是以“channel_”开头并且以“_left”结尾,每个页面仅有一个。我想把这个div中的数据上再加一个div用来控制排版和样式。一个个添加工作量也并不大,总共也就十来个页面。但技术含量很低,突发奇想要用jquery来解决它。

首先, $("div[id^='channel_'][id$='_left']");用来或许div对象,这样的方式可以获得所有div中id以channel_开头、以_left结尾的标签。

然后,获得其中内容和确定的id

最后将包装好的数据放回原div中。

这样我只需要使用css控制channel_zcfg_left_content这个id既可以实现样式和排版的需求。

上一篇:获取display:none的元素的宽度和高度


下一篇:struct内存对齐