我有一個 div,我想用 9 的值隱藏它。這就是我目前所擁有的。但它不起作用...
我的隱藏功能:
<script>
$('.hhpt-housebox').each(function() {
if($(this).val() < 9){
$(this).parent().hide();
}
});
</script>
HTML
<div class="hhpt-colorbox hhpt-housebox">
<div class="hhpt-clickbox" mychoice="0" myvalue="9"><span class="hhpt-housethumb"></span>
<span class="hhpt-housetitle">Chicken Coop<span></span></div>
<a class="hhpt-greencirclebutton hhpt-infocorner" href="#hhpt-pop-9" rel="hhpt-modal:open">
<i class="hhpt-icon-circle-info"></i></a>
</div>
小提琴:
uj5u.com熱心網友回復:
Div 沒有值,它僅可用于用戶輸入控制元件。
使用data-XXX屬性將特定于應用程式的資料添加到元素。然后你可以過濾它。
此外,看起來您要檢查其值的元素是.hhpt-clickbox子元素。
$('.hhpt-housebox').filter(function() {
return $(this).find(".hhtp-clickbox").data("value") < 9;
}).hide();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="hhpt-colorbox hhpt-housebox">
<div class="hhpt-clickbox" mychoice="0" data-value="9"><span class="hhpt-housethumb"></span>
<span class="hhpt-housetitle">Chicken Coop<span></span></div>
<a class="hhpt-greencirclebutton hhpt-infocorner" href="#hhpt-pop-9" rel="hhpt-modal:open">
<i class="hhpt-icon-circle-info"></i></a>
</div>
uj5u.com熱心網友回復:
div是一個塊元素,沒有值屬性。在這里,您可以通過屬性和 jquery attr獲取值。
當您與整數值進行比較時9,獲取的值被轉換為整數
$(function() {
$('.hhpt-clickbox').each(function() {
var val = ($(this).attr("myvalue")); //casting to integer
if (val < 9) {
$(this).parent().hide();
}
});
});
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/385089.html
下一篇:如何顯示彼此相距1秒的影像
