2017-03-06 94 views
0

使用jquery,如果我有各種成員資格選項。如果會員級別當前顯示爲「未付」,我可以顯示特定的div嗎?顯示一個div,如果表格數據顯示「Unpaid」與jquery

<tr class="swpm-profile-membership-level-row"> 
    <td><label for="membership_level">Membership Level</label></td> 
    <td> Unpaid</td> 
</tr> 

然後,在同一頁面上更改名爲「pay_now」的div的CSS屬性。

我現在有一個IF上的jQuery 1.1.2的WordPress的jQuery的版本工作的運行使用

<script> 
jQuery(document).ready(function($) { 
    if ($('.swpm-registration-success-msg').css('display') == 'block') { 
    $('.reg_intro').css('display', 'none');  
    }; 
}); 
</script> 

想我需要一個整合包含元素,如在這個例子中

$("#X tr:contains('a')").css("background-color", "red");​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ 

ATTEMPT 1

$(document).ready(function() { 
    if ($('td.payment_status:contains(Unpaid)') { 
    $('.certain_div').css('display', 'block');   
    }; 
}); 
+0

你有在頁面上多.swpm型材式會員級別行類或只是一個? –

+0

只是頁面上的一個類 – me9867

回答

0

你可以不喜歡下面的內容:

$(".swpm-profile-membership-level-row .payment_status").each(function() { 
 
\t var value = $(this).text(); 
 
\t if(value === 'Unpaid'){ 
 
\t \t $(".certain_div").css('display','block'); 
 
\t } 
 
\t });
.certain_div{ 
 
\t \t display: none; 
 
\t }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="certain_div">Div: Shown on Unpaid</div> 
 
<table> 
 
\t <tr class="swpm-profile-membership-level-row"> 
 
\t \t <td><label for="membership_level">Membership Level</label></td> 
 
\t \t <td class="payment_status">Unpaid</td> 
 
\t </tr> 
 
</table>

1

對不起沒整明白的問題,但如果你想顯示或隱藏點擊就可以使用特定的div。顯示()和.hide()之類像下面所示

<div id="id" style="display:none">Hello</div> 
 
<div class="class">World </div> 
 
<a href="javascript:void(0)" onclick="loadMoreFun();" >submit</a>
0假設有兩個格的jquery

的方法

最初你好是顯示器沒有,只有世界展示和點擊上提交你的功能應該是如下圖所示。

<script type="text/javascript"> 
 
\t function loadMoreFun() { 
 
\t \t jQuery('#id').show(); 
 
\t \t jQuery('.class').hide(); 
 
} 
 
</script>

現在你打招呼是秀和世界沒有顯示。

我希望它會幫助你:)