着色单元格取决于单元格中的值

时间:2016-04-08 13:01:32

标签: jquery html

我试图获取极性变量,并根据值更改该行的颜色,例如1,2和3.任何关于我如何做到这一点的想法。 我尝试过这个,但它没有用。谢谢。

Sub ifFoundReplace()
Dim i As Long, ws1 As Worksheet, ws2 As Worksheet
Set ws2 = Sheets("Sheet2")
Set ws1 = Sheets("Sheet1")
    For i = 2 To ws2.Range("A" & Rows.Count).End(3).row
        ws1.Columns(1).Replace ws2.Cells(i, "A") & " ", "", xlPart
        ws1.Columns(1).Replace " " & ws2.Cells(i, "A"), "", xlPart
    Next i
End Sub

这是html,我使用PHP从数据库获取数据,并设置一个按钮来显示数据。

$("#tableView").click(function(event){
    $('#empty').html('');
    $('#empty').show();
    $('.content').addClass('hide');
    var tweet;
    var i;
    $('#empty').append('<div><table><tr><th>Tweet</th><th>Polarity</th></tr></table></div>');

    $('.tab-content > .active span').each(function() {
        tweet = $(this).text().slice(0,-2);
        var polarity = $(this).find('.change').text();

           $('table').append('<tr><td>'+ tweet + '</td><td>'+ polarity + '</td></tr>');     
           if($('polarity:contains("1")').css('background-color', 'red'));   
    });
});

这是我的html中的表格元素。

<div class="parliamentContainer">
 <h1>Parliament</h1>

 <ul class="nav nav-tabs">

 <li class="active"></li>
 <li><a data-toggle="tab" href="#bbc">BBC Parliament</a></li>
 <li><a data-toggle="tab" href="#minister">Ministers</a></li>
 <li><a data-toggle="tab" href="#law">Law</a></li>
 <li><a data-toggle="tab" href="#crime">Crime</a></li>
 <li><a data-toggle="tab" href="#seeAllPar">See All</a></li>

 </ul>
<div class="tab-content">
<button type="button" id="tableView"> Show in table form</button>

<div id= "empty"></div>

<div class="content tab-pane fade" id = "bbc"> 
<?php
$result = mysql_query("SELECT * FROM parliament WHERE tweet LIKE '%bbc%';",$db);
if (!$result) {
die("Database query failed: " . mysql_error());
}
while ($row = mysql_fetch_array($result)) {
echo "<span>".$row[0]. "<p class='change'>".$row[1]."</p> </span>";
}
?>
</div>

1 个答案:

答案 0 :(得分:1)

也许以下内容可行(基于我对您的问题的理解)

修改
这是一个有效的例子。我删除了选择器的> .active部分,因为在提供的HTML中也没有指定具有“active”类的元素。

$("#tableView").click(function(event) {
  $('#empty').html('');
  $('#empty').show();
  $('.content').addClass('hide');
  var tweet;
  var i;
  $('#empty').append('<div><table><tr><th>Tweet</th><th>Polarity</th></tr></table></div>');
  $('.tab-content span').each(function() {
    tweet = $(this).text().slice(0, -2);
    var polarity = $(this).find('.change').text();

    // Save jQuery object in a variable
    var $row = $('<tr><td>' + tweet + '</td><td>' + polarity + '</td></tr>');

    // Update the jQuery object's color based on the 'polarity' variable
    if (polarity == '1') {
      $row.css('background-color', 'red');
    }
    // Other sample colors
    if (polarity == '2') {
      $row.css('background-color', 'blue');
    }
    if (polarity == '3') {
      $row.css('background-color', 'green');
    }

    // Append the jQuery object
    $('table').append($row);
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parliamentContainer">
  <h1>Parliament</h1>

  <ul class="nav nav-tabs">

    <li class="active"></li>
    <li><a data-toggle="tab" href="#bbc">BBC Parliament</a></li>
    <li><a data-toggle="tab" href="#minister">Ministers</a></li>
    <li><a data-toggle="tab" href="#law">Law</a></li>
    <li><a data-toggle="tab" href="#crime">Crime</a></li>
    <li><a data-toggle="tab" href="#seeAllPar">See All</a></li>

  </ul>
  <div class="tab-content">
    <button type="button" id="tableView"> Show in table form</button>

    <div id="empty"></div>

    <div class="content tab-pane fade" id="bbc">
      <span>test<p class='change'>1</p> </span>
      <span>test<p class='change'>2</p> </span>
      <span>test<p class='change'>1</p> </span>
      <span>test<p class='change'>3</p> </span>
    </div>
  </div>
</div>

<table>
</table>