Question

现在我还有两个问题并更新了我的代码。

我有这个if（releaseDate＆lt; =今天），为什么Date 15.05.2015成功了？！
当我想查看日期时间示例时：2015年4月25日 - 上午9点，如何查看今天和日期超过25.04.2015 == true。

我的代码：

<script src="https://code.jquery.com/jquery.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

<script>
var releaseDate = {};

jQuery(".state").each(function() {
	releaseDate = jQuery(this).text()	
    
	var today = new Date();
    var dd = today.getDate();
    var mm = today.getMonth()+1;
    var yyyy = today.getFullYear();
	var hh = today.getHours();
  
    if(dd<10){
        dd='0'+dd
    } 
    if(mm<10){
        mm='0'+mm
    } 
	var today = dd+'.'+mm+'.'+yyyy;	
  
	if (releaseDate <= today) {
			jQuery(this).parent().next().find('span.label').addClass('label-success').removeClass('label-warning');
			jQuery(this).parent().next().find('span.label').text('Online');
	}	    
  });
</script>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">

<table class="table table-hover">
  <thead>
    <tr>
      <th align="center" valign="middle"><strong>Shop</strong></th>
      <th align="center" valign="middle"><strong>Date</strong></th>
      <th align="center" valign="middle"><strong>Status</strong></th>
      <th align="center" valign="middle"><strong>Link</strong></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td align="center" valign="middle"><a href="#" rel="nofollow">LINK</a></td>
      <td align="center" valign="middle"><span class="state">15.05.2015</span></td>
      <td align="center" valign="middle"><span class="label label-warning">Upcoming</span></td>
      <td align="center" valign="middle"><a class="btn btn-info btn-sm" href="#" title="#" target="_blank"><strong>LINK <span class="glyphicon glyphicon-share-alt"></span></strong></a></td>
    </tr>
   <tr>
      <td align="center" valign="middle"><a href="#" rel="nofollow">LINK</a></td>
      <td align="center" valign="middle"><span class="state">25.04.2015</span></td>
      <td align="center" valign="middle"><span class="label label-warning">Upcoming</span></td>
      <td align="center" valign="middle"><a class="btn btn-info btn-sm" href="#" title="#" target="_blank"><strong>LINK <span class="glyphicon glyphicon-share-alt"></span></strong></a></td>
    </tr>
    <tr>
      <td align="center" valign="middle"><a href="#" rel="nofollow">LINK</a></td>
      <td align="center" valign="middle"><span class="state">30.04.2015</span></td>
      <td align="center" valign="middle"><span class="label label-warning">Upcoming</span></td>
      <td align="center" valign="middle"><a class="btn btn-info btn-sm" href="#" title="#" target="_blank"><strong>LINK <span class="glyphicon glyphicon-share-alt"></span></strong></a></td>
    </tr>
    <tr>
  </tbody>
</table>

我希望有人可以向我解释或告诉我！

Answer 1

我发现您要更改下一个表格单元格span中td的类。您可以使用$(this).parent().next()转到该单元格，并使用.find('.label')找到要更改其类的span。

然后，您可以使用removeClass()和addClass()或仅toggleClass()方法的组合：

if (releaseDate == today) { 
    $(this).parent().next().find('.label').removeClass('label-warning').addClass('label-success');  
    //or possible
    $(this).parent().next().find('.label').toggleClass('label-warning label-success');              
}

Answer 2

MediaRecorder

你想做什么。 Demo here

removeClass()和addClass()相当自我解释。 parent()转到周围的if (releaseDate == today) { $(this).parent().next().find('span.label') .addClass('label-success').removeClass('label-warning'); }元素，next()获取紧随其后的兄弟，find()在此实例中查找带有标签类的范围。

jQuery如果日期为true，则更改元素x的类

2 个答案: