现在的位置: 首页 > 综合 > 正文

jquery再体验

2013年10月30日 ⁄ 综合 ⁄ 共 596字 ⁄ 字号 评论关闭
$(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既可以实现样式和排版的需求。

抱歉!评论已关闭.