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既可以实现样式和排版的需求。