HTML使用基于td标签的javascript更改字体粗细

时间:2018-12-05 07:49:18

标签: jquery html css

很抱歉,是否曾经有人问过我,但是我需要根据里面的值更改我的td标签内容
代码如下:

<!DOCTYPE html>
<html>
<head>
    <title>Kaubamaja</title>
    <link rel="stylesheet" type="text/css" href="nicer.css">
    <script src="script.js"></script>
</head>
<body>
<h1>Store</h1>
<h3>464</h3>
<table border="0" class="dataframe">
  <thead>
    <tr style="text-align: right;">
      <th>AK ID</th>
      <th>Product</th>
      <th>EAN</th>
      <th>Code</th>
      <th>Bill</th>
      <th>TK</th>
      <th>XML</th>
    </tr>
  </thead>
<tbody>
    <tr>
      <td>385541</td>
      <td>AeroCool PC kast mATX ilma toiteplokita Aerocool CYLON MINI RGB - 
       USB3.0 TEMPERED GLASS</td>
      <td>4718009152359</td>
      <td>AEROPGSCYLONMINI-TG</td>
      <td></td>
      <td>1</td>
      <td></td>
    </tr>
    <tr>
      <td>361334</td>
      <td>Aerocool Cylon RGB Midi-Tower - White</td>
      <td>4713105950229</td>
      <td>ACCM-PV10012.21</td>
      <td></td>
      <td>2</td>
      <td></td>
    </tr>
</tbody>

如果td:nth-​​of-type(6)大于1,则其字体粗细需要为粗体。

到目前为止,我已经尝试了由于某种原因无法正常工作的jquery解决方案

$('td:nth-of-type(6):not(contains("1"))').css('font-weight:bold', 700);

我是完全错误的做法还是不了解该过程? 我已经尝试搜索,但是到目前为止,没有一个能满足我的需求。

最好的问候, 赖达

3 个答案:

答案 0 :(得分:1)

尝试

$('.dataframe td:nth-child(6)').each(function(){
   if(parseInt($(this).html())>1)
      $(this).css('font-weight','bold');
});

答案 1 :(得分:1)

尝试

$('table.dataframe tbody tr').each(function(mind, mval) {
    if (parseInt($(mval).find('td:eq(5)').text()) > 1) {
        $(mval).find('td:eq(5)').css('font-weight', 'bold')
    }
});

答案 2 :(得分:1)

您在:之前错过了冒号contains

此外,css方法中的参数不正确。这是更正的代码段,

$('td:nth-of-type(6):not(:contains("1"))').css('font-weight', 'bold');

Working Demo