將類別添加到 <body> 如果一個DIV有4個以上的元素
[英]Add Class to <body> if a DIV has more then 4 elements
問題描述
當<div class="scroll">具有超過4個<li>text</li>元素時，我正在嘗試向<body>添加類。
HTML：
<body>
<div class="scroll">
<div> <!-- Parent Element -->
<ul> <!-- Parent Element 2 -->
<li>text</li> <!-- Child 1-->
<li>text</li> <!-- Child 2-->
<li>text</li> <!-- Child 3-->
<li>text</li> <!-- Child 4-->
<li>text</li> <!-- Child 5-->
</ul>
</div>
</div>
<body>
表示如果<div class="scroll">有5個<li>text</li>項，則將類添加到body例如<body class"popup"> 。 任何人都知道如何通過Jquery做到這一點。 提前致謝。
3 個解決方案
解決方案1
1 已采納 2015-07-26 08:56:54
您可以使用setInterval（僅在動態添加了li的情況下才需要，如果不是這種情況，則可以跳過），並檢查其長度，並根據需要執行相應的操作。
setInterval(function(){
if(jQuery('div.scroll ul > li').length > 4)
jQuery('body').addClass('popup');
else
jQuery('body').removeClass('popup');
}, 1000);
注意：您需要將此腳本放置在body標簽關閉之前或需要比較其長度的元素之后。
解決方案2
1 2015-07-26 09:17:25
我認為您正在追隨以下情況。
$(function() {
//Will execute as soon as the DOM is loaded
addBodyClass();
//Let's say a click function somewhere deletes a LI
$("selector").on("click", function() {
$('.scroll li:last').remove();
//Now there are 4 LIs which means remove the popup class from body
//So, call the function again
addBodyClass();
});
});
function addBodyClass() {
$('.scroll li').length > 4 && $("body").addClass("popup") || $("body").removeClass("popup");
//The above is the shorter version of
if ($('.scroll li').length > 4) {
$("body").addClass("popup");
} else {
$("body").removeClass("popup");
}
}
解決方案3
1 2015-07-26 09:39:34
這應該為你工作
<script type="text/javascript">
$(document).ready(function(){
if ($('.scroll li').length > 4) {
$("body").addClass("popup");
} else {
$("body").removeClass("popup");
}
});
</script>
如果任何子元素具有某個類，則將類添加到父div，否則將其刪除（jQuery或Javascript）
[英]Add class to parent div if any of the child elements has a certain class, remove if not (jQuery or Javascript)
如果section有class active，那么將它的id作為類添加到body中？
[英]If section has class active then add it's id to body as a class?
如果具有特定類的div具有iframe，則將另一個類添加到div
[英]if div with specific class has an iframe add another class to the div
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.
相關問題
如果父div有多個子div，那么add-class到body
將課程添加到 <body> 如果url有更多字符串
如果我的div有某個類，如何將類添加到正文中？
如果另一個 div 有 class，則將 class 添加到一個 div
如果任何子元素具有某個類，則將類添加到父div，否則將其刪除（jQuery或Javascript）
如果有特定的班級，則將班級添加到父級div
使用jQuery將Class添加到div的前5個元素
如果section有class active，那么將它的id作為類添加到body中？
如果具有特定類的div具有iframe，則將另一個類添加到div
當一個div具有切換類時，如何向另一個div添加類？
相關標簽