使用 JQuery 我想檢查每個列表項是否有 css 類Complete。如果是這樣，我想顯示一個按鈕，如果不是我想隱藏該按鈕。這些類當前是在頁面加載時使用 PHP 動態插入的。到目前為止我的代碼是；<button id="steps-complete" hidden>Download Now</button><ul class="wb-steps"> <li class="<?php echo $class ?>">Step 1</li> <li class="<?php echo $class ?>">Step 2</li> <li class="<?php echo $class ?>">Step 3</li></ul><script>jQuery( document ).ready(function() { var steps = []; jQuery( ".wb-steps li" ).each(function( index ) { // successfully displays complete for each list item console.log( index + ": " + jQuery( this ).attr('class') ); // if all stepa have 'complete' show button $("#steps-complete").show(); });});</script>
3 回答
慕容708150
TA貢獻1831條經驗 獲得超4個贊
你有$class變量，它的值被設置為所有列表項的類。
由于您正在使用 PHP 呈現頁面，因此您可以使用相同的變量來測試是否應顯示按鈕。所以在這種情況下你不需要 jQuery，你可以刪除那部分。
這是它的樣子：
<?php
if (strpos($class, 'Completed') !== false) {
?>
<button id="steps-complete" hidden>Download Now</button>
<?php
}
?>
這適用于您的情況，因為您為所有項目設置了相同的類。
希望這可以幫助。
MYYA
TA貢獻1868條經驗 獲得超4個贊
我已經創建了一個函數來檢查是否有一個名為 john 的類的孩子wb-steps，如果沒有，那么我們將顯示完成的步驟
jQuery( document ).ready(function() {
if($(".wb-steps").children().not('.john').length = 0){
console.log("there was a div found with a class named john");
}else{
$("#steps-complete").show();
}
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button id="steps-complete" hidden>Download Now</button>
<ul class="wb-steps">
<li class="<?php echo $class ?>">Step 1</li>
<li class="<?php echo $class ?>">Step 2</li>
<li class="<?php echo $class ?>">Step 3</li>
</ul>
陪伴而非守候
TA貢獻1757條經驗 獲得超8個贊
您可以簡單地計算元素以查看它們是否都具有類complete：
jQuery(document).ready(function() {
var $steps = $(".wb-steps li");
var show = $steps.length === $steps.filter('.complete').length;
$("#steps-complete")
.toggle(show)
.get(0)
.toggleAttribute('hidden', show);
});
- 3 回答
- 0 關注
- 150 瀏覽
添加回答
舉報
0/150
提交
取消