float的属性_html/css_WEB-ITnose-html教程-PHP中文网

首页

web前端

html教程

float的属性_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 21, 2016 am 09:03 AM

三个div(left,mid,right)是用float属性并列显示在界面的。

我复制了class=content这个节，如果我用eq（）指定改或删除我复制的节点的类名（eg.left,mid,right），竟然原来的节点的类名也会改变？要怎么让原来的不变呢？不知道是不是float这个属性造成的？请指教

我是这样操作节点的

                 $('.all').append( $('.content:eq(-1)').clone(true));


                 $(".all>.content:eq(-2)").children('.left').removeClass("left");
                 $(".all>.content:eq(-2)").children('.right').removeClass("right");
                 $(".all>.content:eq(-2)").children('.mid').removeClass("mid");
                 $(".right").html("");
                 $(".left").html("");
                 $(".mid").html("");

我最终要实现的效果是，服务器获取的数据（each（）遍历获得的）要写入到不同的div里面，所以想着改变我不需要写入的div的属性，就不会写入了，不知道思路对了没？

回复讨论(解决方案)

那是你找到的是所有的，可能并没有指向它或它的结点、你的方法并没有错

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <title>MyHtml.html</title>    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">    <meta http-equiv="description" content="this is my page">    <meta http-equiv="content-type" content="text/html; charset=UTF-8">  </head></head><body>   <div class="all" id="scroll">            <DIV class="content">                               <div class="left">1</div>                                <div class="mid">2</div>                                <div class="right">3</div>            </DIV>			</div><script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>  <script>	$(function() {		//console.log('-------------------------------');		  $('.all').append($('.content:eq(0)').clone(true));				  $(".all>.content:eq(1)").children('.left').removeClass("left"); 		  $(".all>.content:eq(1)").children('.right').removeClass("right");          		  $(".all>.content:eq(1)").children('.mid').removeClass("mid");		  $(".right").html("x");// 此时第二个div的class 删除，没有影响下面的数据。1、2、3并没有变		  $(".left").html("y");		  $(".mid").html("z");	});  </script> </body> </html>

思路不是很明确，你可以换另一种逻辑来处理

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

公众号网页更新缓存难题：如何避免版本更新后旧缓存影响用户体验？Mar 04, 2025 pm 12:32 PM

公众号网页更新缓存，这玩意儿，说简单也简单，说复杂也够你喝一壶的。你辛辛苦苦更新了公众号文章，结果用户打开还是老版本，这滋味，谁受得了？这篇文章，咱就来扒一扒这背后的弯弯绕绕，以及如何优雅地解决这个问题。读完之后，你就能轻松应对各种缓存难题，让你的用户始终体验到最新鲜的内容。先说点基础的。网页缓存，说白了就是浏览器或者服务器为了提高访问速度，把一些静态资源（比如图片、CSS、JS）或者页面内容存储起来。下次访问时，直接从缓存里取，不用再重新下载，速度自然快。但这玩意儿，也是个双刃剑。新版本上线，