有没有办法在jQuery中返回最近的sibling()div并检查当前类?
我有一个视觉垂直项目列表,其中一些项目具有1px边框(将它们分开 - 高级项目)或根本没有边框(标准项目).当优质物品夹在两个标准物品之间时看起来很棒,当两个或三个优质物品堆叠在一起时,它们之间的边界最终厚度为2px.
我正在寻找一种方法,使用jQuery或其他方法来检查<div class="item">上面当前div是否具有类特色项(因此检查div是否等于<div class="item featured-item">).从那里,我将设置另一个类名称将border-top设置为0px并使视觉流动更好一些.
谁能帮我吗?对不起,如果这个问题很复杂,很难解释!
如果我有一长串<li>元素,当单击一个元素时,如何获得所有兄弟元素,直到到达一个包含给定字符串的类名称?
例:
<li>test</li>
<li class="one-two red">test</li>
<li class="green">test</li>
<li>test</li>
<li>test</li>
<li class="test">test</li>
<li>test</li>
<li>test</li>
Run Code Online (Sandbox Code Playgroud)
在上面的示例中,如果li.test单击并且给定的字符串是ne-tw,则将导致其间的所有元素包括单击的元素(andSelf())和one-two类元素.
谢谢.
<div class="parent">
<div class="firstChild"></div>
<div class="secondChild"></div>
<div class="thirdChild"></div>
<div class="fourthChild"></div>
<div>
Run Code Online (Sandbox Code Playgroud)
如果secondChild存在于父级下面,我试图设置第四种基础
我认为下面的内容可行,但Chrome说没有.我不想使用第n个孩子,因为DOM可以根据我们的程序改变,下面看起来非常灵活,但我做错了.
.parent .secondchild ~ .fourthchild
{
css stuff
}
Run Code Online (Sandbox Code Playgroud) 假设我有下一个内容的div:
<div id="divOne">
<p>one</p>
<p>two</p>
<div id="aggregatedDiv"></div>
<p> three </p>
</div>
Run Code Online (Sandbox Code Playgroud)
那么有没有办法删除前三个元素?我不知道元素的数量.我只是想在id="aggregatedDiv"包括之前删除所有内容.
我必须将结果作为html附加到其他div.
$("#otherDiv").append(resultOfSlicedDivOneHtml);
Run Code Online (Sandbox Code Playgroud) 我需要使用jquery获取某些特定元素的内容,问题是我在页面上重复了相同的元素:
<div class="content">
<img alt="" src="">
<p class="txt">Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
<p class="info">Lorem ipsum dolor...</p>
<ul>
<li><a class="uiButton">Test</a></li>
</ul>
</div>
Run Code Online (Sandbox Code Playgroud)
所以,div.content在我的页面上重复多次,我想只得到点击按钮的div的内容.我在.uiButton上添加了一个onclick事件,并尝试使用parent(".txt")或兄弟(".txt"),但似乎没有工作......
$(".uiButton").click(function(){
var txt = $(this).parent(".txt").text();
}
Run Code Online (Sandbox Code Playgroud) 使用MySQL,我遇到了嵌套集模型的问题.我可以插入,删除,移动子树到另一个父,一切正常.
但我无法弄清楚如何订购兄弟姐妹.例如,我有这些兄弟姐妹:
A,B,C,D,E
我希望在D之后移动B,获得这个:
A,C,D,B,E
我发现大量的存储过程用于插入,删除等,但没有一个用于订购兄弟姐妹.我发现的唯一一个是交换兄弟姐妹的程序,但这不是我想要实现的.
我试着写自己的一个,但它似乎很复杂,并不适用于所有情况.
如果你知道如何在他的一个兄弟姐妹之前或之后移动节点,那将非常感激.
我正在尝试链接.siblings和.not方法:
$(nextBanner).siblings(".banner").not(".active").hide();
Run Code Online (Sandbox Code Playgroud)
但它不起作用 - 有没有人知道如何定位一组兄弟姐妹并排除那些有特定类的兄弟姐妹?
你可以在这里看我的例子:http://jsfiddle.net/timkl/56Mqg/25/
例:
<span>Bacon, Chris P.</span>
<span>Jones, Pete</span>
<span>Adams, Sam</span>
<span>Bacon, Chris P.</span>
<span>Jones, Pete</span>
<span>Adams, Sam</span>
<span>Bacon, Chris P.</span>
Run Code Online (Sandbox Code Playgroud)
使用eq()选择从哪里开始,如何使用jQuery选择任意数量的兄弟姐妹?如span:eq(0)通过span:eq(10)?
我有四张图片,当有人被点击时我想删除另外 3 张。
我可以一一做到这一点:
function removeimages() {
var elem = document.getElementById('image1');
elem.parentNode.removeChild(elem);
}
Run Code Online (Sandbox Code Playgroud)
但这是不切实际的。
删除除单击的图像之外的所有兄弟姐妹(图像)的最佳方法是什么?
在这样的语言中C#这不是问题,但是这会导致很难找到其他语言的内存错误。我可以在中使用以下代码,Typescript还是可以Javascript相信一切都会好起来吗?
class Dad {
kids: Kid[];
}
class Kid {
dad: Dad;
siblings: Kid[];
}
let anakin: Dad | undefined;
function makeKids(dad: Dad) {
const luke = new Kid();
const leia = new Kid();
luke.dad = dad;
leia.dad = dad;
luke.siblings = [leia];
leia.siblings = [luke];
dad.kids = [luke, leia];
}
anakin = new Dad();
makeKids(anakin);
console.log(anakin.kids.length); // Prints out 2
anakin = undefined;
// I expect luke and leia to die at this …Run Code Online (Sandbox Code Playgroud) siblings ×10
jquery ×6
javascript ×5
css ×2
dom ×1
html ×1
mysql ×1
next ×1
node.js ×1
typescript ×1