如果表数据显示带有Jquery的“Unpaid”,则显示div

时间:2017-03-06 14:05:02

标签: javascript jquery html css

使用jquery,如果我有各种会员选项。如果会员级别当前显示为“未付款”,我可以显示某个div吗?

<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使用

在Wordpress Jquery版本的1.1.2上运行
<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');        
  };
}); 

1 个答案:

答案 0 :(得分:1)

抱歉没有理解整个问题,但是如果你想在点击时显示或隐藏特定div,你可以使用jquery的.show()和.hide()方法

假设您有两个div,如下所示

&#13;
&#13;
<div id="id" style="display:none">Hello</div>
<div class="class">World </div>
<a href="javascript:void(0)" onclick="loadMoreFun();" >submit</a>
&#13;
&#13;
&#13;

最初Hello是显示无,只有世界显示和点击提交你的功能应该如下所示。

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

现在你的问候是show,世界没有显示。

我希望它会对你有所帮助:)。