Question

我很想用Jquery和CSS做一些非常简单的事情，但我处于死胡同。

我发出一个ajax请求，我在其中更新PostgreSQL表并返回一些id。返回的id与我之前定义的表的行的id相同：

   $(document).ready(function(){
    var ajaxurl = 'requestsII/updateStatus.php'; // script to run
    data =  {datastr:tr_id,datastr1:komvosName,datastr2:current_selection}; 
    $.post(ajaxurl, data, function (response) {
        var response = JSON.parse(response); 
        console.log(response);                              
        var id = response[0]['itemcode'];                                                    $("'#"+id+"'").css({backgroundColor: 'red'});
     });
 });

我要做的是更改id等于的行的颜色：

   var id = response[0]['itemcode'];

我尝试了不同的方法，但似乎我做错了。

Answer 1

使用css：

$('#' + response[0]['itemcode']).css('background-color', 'green');

不需要突出显示的内容。

$("'#"+id+"'").css({backgroundColor: 'red'});
// ^     ^^^^

$("#" + id).css({backgroundColor: 'red'}); // Corrected

文档：http://api.jquery.com/css/

Answer 2

您可以使用.css()

$('#' + id).css('backgroundColor', 'red');

但是，我建议您使用.addClass()

将指定的类添加到匹配元素集中的每个元素。

代码的

<style>.YourCSSClass{background-color : red } </style>

脚本

$('#' + id).addClass('YourCSSClass');

Answer 3

简单： -

$('#' + response[0]['itemcode']).css('background-color', 'red');

Answer 4

这将是工作

$（＆＃39;＃＆＃39; + id）.css（{backgroundColor：＆＃39; yellow＆＃39;}）;

试试吧

如何在Jquery中使用其id更改行的颜色

4 个答案: