草庐IT

parent-child

全部标签

html - 第 n 个 child 没有针对正确的元素?

.test:nth-child(1),.test:nth-child(2),.test:nth-child(3){color:#0F0}TestTestTestTesthttps://jsfiddle.net/dkfj2xzj/13/UPDATED如果有帮助,我的jQuery代码为什么不跳过.ruinIt类而不是针对第三个.test?我正在添加s是动态的,当一个没有.checkDrop添加了类,我需要跳过它。谢谢 最佳答案 这是因为nth-child选择器并不意味着它是该特定类的nth。这意味着它是第nth个sibling。所以nt

javascript - 无法使用 jquery 选择第一个 child

我不明白我做错了什么。我有以下html元素:Section1Maurismaurisante,blanditet,ultricesa,suscipiteget,quam.Integerutneque.Vivamusnisimetus,molestievel,gravidain,condimentumsitamet,nunc.Namanibh.Donecsuscipiteros.Nammi.Proinviverraleoutodio.Curabiturmalesuada.Vestibulumaveliteuantescelerisquevulputate.Section2Sednonur

javascript - 带参数的 Window.Parent.Postmessage

我在我的页面上使用IFrame并与跨域IFrame进行通信-在Java脚本中使用.postmessage的跨浏览器解决方案在我的IFRAME目标页面中,我有这样的内容:window.parent.postMessage("Assigntovalue1","www.parentpage.com");window.parent.postMessage("Assigntovalue2","www.parentpage.com");然后在我的父页面中:vareventMethod=window.addEventListener?"addEventListener":"attachEvent";

html - 选择第 n 个 child 的类(class)

我正在寻求有关使用nth-childCSS选择器的帮助。如果你看看我的HTML...AAAABAAAABAAA...我有一排这样的字母:AAAABAAAABAAA我只想显示第一个B并隐藏其他的,但是我似乎无法按预期选择类。当我尝试使用时:.b:nth-child(1){display:block;}.b:nth-child(n+2){display:none;}它不起作用,我必须使用(5)选择它才能获得第一个B。帮助将不胜感激。JSFiddle:http://jsfiddle.net/SrM9T/1/ 最佳答案 这不需要javasc

html - 使用 nth-child 选择多个子元素

divdivp:nth-child(1to5)如何用nth-child选择多个数字,这样我就不用写就得到子元素1到5:divdivp:nth-child(1),divdivp:nth-child(2),divdivp:nth-child(3),divdivp:nth-child(4),divdivp:nth-child(5){}所以它应该是这样的:divdivp:nth-child(1to5) 最佳答案 divdivp:nth-child(n+1):nth-child(-n+5){}将选择元素1到5

html - CSS 正文 :first-child

有人可以向我解释为什么这不起作用吗?body:first-child{color:#f00;}Ishouldbered.Thisisnotred.根据我的阅读,第一个子选择器应该从body标记中选择第一个div对象。如果它没有选择div元素,那么它在选择什么? 最佳答案 :first-childbody:first-child中的伪类对body标签进行操作,因此如果您想要body的第一个child使用childselectorbody>:first-child{color:#f00;}这会给你body的第一个child。

jquery 如果 child 有超过 1 个 div 元素

如何获取li元素中的div的数量。这是我的代码,但它不起作用。(这并不意味着每个img都得到了类,当li中只有1个div时也是如此。)if($('.lookbookulli').find('div').length>1){$('.lookbookulliimg').addClass('lbcursor');}这是我的html结构:第三个img不应该上课。我想要li元素中的div数量,如果有超过1个div,它应该将类.lbcursor添加到img。我确实在这里找到了类似的答案:jquery:ifchildrenwithspecificclass?但它不起作用啊,我刚刚认识到,if子句是正

html - 使用 Overflow-y :scroll 将 child 拖出容器

我有一个容器,里面有一个列表。可以拖动列表项,用鼠标移动。容器可滚动:overflow-y:scroll;通过设置此属性,Chrome会自动将overflow-x属性设置为“auto”。如果我设置overflow-x:visible它会被Chrome忽略。如果我设置overflow-x:hidden那么显然该元素被裁剪了。当我将列表项拖到容器的左边缘或上边缘之外时,它会被裁剪到容器的边缘。如果我将它拖出右侧或底部边缘,容器会滚动以容纳它。我希望该元素能够在不被裁剪且不触发滚动的情况下拖出容器。鉴于必须将容器设置为overflow-y:scroll并且这反过来会强制Chrome设置ove

html - .live() 处理时是否可以阻止子点击事件传播给 parent ?

我的图像和内容上有“背板”:http://syndex.me所以基本上,您点击一张图片,它会在点击的内容上方覆盖一个信息面板。我想做两件事:点击网站背景淡出当前打开的信息面板能够点击信息面板内的标签、链接或社交图标,而不会触发其父函数,该函数再次淡出。我不能对被父点击取代的子点击使用stopPropagation,因为我需要由.live()处理点击事件(seedocumentation)这是因为帖子是动态加载的。我不能只说这样的话:$("#Background").click(function(){//淡出信息板}因为整个帖子包装都涵盖了这一点,我不能把事件放在帽子上,因为那样我就更深

javascript - 无法在 'appendChild' : The new child element is null 上执行 'Node'

这个奇怪的错误困扰了我半个小时。我动态地尝试仅使用JavaScript来应用slider。知道为什么我会这样吗?我可以在SO上找到其他问题,但无法理解解决方案。我是JS的新手,如果有人能用外行的术语向我解释一些事情,我将不胜感激。这是我的代码。标记JSsampletestpageJavaScript//codeforthumbnailsliderbegins(function(){varogImg=document.getElementsByClassName("og-fullimg");alert(ogImg.length);varbxSlider=document.createEl