草庐IT

next_sibling

全部标签

javascript - 当父元素有 sibling 时,如何获取元素的父节点?

请看下面的片段:如您所见,img元素有两个封闭的div。我希望这两个封闭的div中的第一个被认为是img元素的“真正的”父级(我需要找到的那个),因为它有一个兄弟div之前所以搜索结束,兄弟div和外部封闭div被忽略。如果根本没有sibling,则必须生成外部div;如果元素未包含在内,则必须生成元素本身。我只是想知道如何按照我通过JavaScript解释的那样定位元素。 最佳答案 所以听起来您想要第一个具有兄弟元素的祖先。如果是这样,您可以这样做:varparent=img.parentNode;while(parent&&!p

javascript - Next.js 将 NODE_ENV 传递给客户端

我正在使用Next.js构建ReactSSR应用。我希望能够在客户端访问NODE_ENV,因为这会告诉我的应用使用哪些API端点。我正在努力为此寻找合适的方法。当我第一次在服务器上呈现页面时,我想将NODE_ENV定义为一个窗口变量,然后在我进行API调用的辅助函数中,我将检查代码是在服务器上调用还是在客户端上调用,并根据需要使用window或process.env对象。对于这样的问题,有人有好的解决办法吗?这一定是一个常见问题,但我找不到任何好的解决方案。 最佳答案 1。您可以将其包含在webpack配置中(使用dotenv-we

javascript - 用户界面路由器 : How to get next state params in transition

我正在使用ui-router1.0.0.beta.3。如何在转换期间获取下一状态的路由参数?index.run.js$transitions.onStart({to:'**'},verifyAuth);functionverifyAuth(trans){letnextState=trans.$to();if(Auth.verify(nextState.authGroup)===-1){return$state.go('login',{nextState:nextState.name,nextParams:nextState.params});//thisdoesn'twork}}我想存

JavaScript 获取父元素并为 sibling 写入 holder div

我有以下结构:ContenthereContenthere在加载时,我想包含一个“holder”div,它包含所有父项的子项,如下所示:ContenthereContenthere我只知道“child1”id,如何在它自己和sibling周围添加一个holderdiv?注意事项“child1”id是唯一已知的标识符。类“parent”和“child2”是动态名称,会发生变化,因此不能用作标识符。需要是原生JavaScript。想法? 最佳答案 鉴于这必须是JavaScript(而不是jQuery)并且您只能通过id来识别child1

javascript - Next.js ( react ) & ScrollMagic

我想实现一个动画来淡入我的应用程序中的部分,例如thisexample中的部分。因此,我查看了fullPage.js。但是,由于我需要将它集成到具有服务器端渲染的Next.jsReact应用程序中,我无法使用它,因为它依赖于不支持SSR的jQuery。因此,我用ScrollMagic试试运气,它不依赖于jQuery。但它也不支持SSR(需要window),因此我在componentDidMount()方法中对其进行了初始化,甚至将其加载到那里(就像推荐的那样here).目前它最初可以工作,但是一旦您更改页面并且完成AJAX请求并且Next.js替换页面,就会抛出错误(见下文):Node

javascript - 在javascript中获取附近的 sibling

我有一个特定的DIV结构,中间有一个anchor标记。单击链接时,我需要获取父级div中另一个span元素的值并执行某些操作(例如,提醒它)。html是这样的:......Thisisreqd...ClickMe......整个div在页面中重复了很多次。当我点击a时,我想提醒“Thisisreqd”。HTML可以这样搜索吗? 最佳答案 对于单个span元素,应该很容易,。只需在单击链接时调用myFunction(this)并像这样操作DOM:functionmyFunction(currObj){varparentofSelect

javascript - 在 JavaScript 中将数组作为一对 (current, next) 进行迭代

在问题Iteratealistaspair(current,next)inPython,OP有兴趣将Python列表迭代为一系列current,next对。我有同样的问题,但我想以最干净的方式在JavaScript中完成,也许使用lodash.用一个简单的for循环很容易做到这一点,但感觉不是很优雅。for(vari=0;iLodash几乎可以做到这一点:_.forEach(_.zip(arr,_.rest(arr)),function(tuple){varcurrentElement=tuple[0];varnextElement=tuple[1];})这个微妙的问题是在最后一次迭代

javascript - 在第一张幻灯片上禁用 Prev 控件并在最后一张幻灯片上禁用 Next 控件

使用Slick并寻找一种方法来禁用和隐藏prev控件,直到用户单击下一个箭头。同样,我希望Next控件在用户到达最后一张幻灯片后被禁用和隐藏。here是我试图完成的一个很好的例子。slick是否已经具有我忽略的属性?这是否可以通过添加禁用类使用CSS来完成?我发现的唯一类似的是这个$('.pages.slider').slick({autoplay:true,autoplaySpeed:5000,infinite:false,onAfterChange:function(slide,index){if(index==4){$('.pages.slider').slickPause();

javascript - Prev & Next 按钮,带有使用 jQuery 覆盖的计数器

我使用jquerytools构建这个图片库,我在拇指上使用可滚动的div并在主图像上叠加......一切都像魅力一样..编辑:在我悬赏之前......我必须解释我需要像这样干净简单的东西,因为图像来自php(加密),我不能修改它,只是“View“因为我需要通过类和ID之类的东西来实现这一点。这就是我尝试这个的原因,但是......问题是我需要在您查看叠加层时插入下一个和上一个按钮...这样您就可以在加载叠加层后浏览图像..我为您制作了这把fiddle,我的老师充满智慧,可以看到我在说什么。http://jsfiddle.net/s6TGs/5/我真的试过了。但是api.next()它适

javascript - Jquery Select element 2 positions further - .next().next() 的另一种方式

我正在寻找一种方法来选择一个div元素,该元素不是通过点击功能“选择”的元素的直接下一个元素。(siblings)text现在我想选择ID为“getthisone”的那个-在我的代码中这个ID不可用。所有的div都具有相同的类并且确实有sibling。我可以通过$(this).next().next()选择第三个,但我认为这不是最好的方法。在被点击的那个之前也可以有div-所以它不一定是第一个。我尝试了:nth-child选择器,但没有找到解决方案。稍后我也可能想在单击一个之后选择第13个(或第23个、第65个等等)。这意味着我想对这个问题有一个相当动态的解决方案。谢谢你的帮助,菲尔