Question

当我将样式应用于特定元素时，其中的所有元素将自动受到样式的影响。如何限制代码中特定元素的样式？

我的代码如下：

$.each(result, function(i, item) {

tr.append($("<td/>").html('<label name="qty" class="name">'+item['ITEM_NAME']+'</label>')).css('color', '#819FF7');
tr.append("<td>" + item['QUANTITY'] + "</td>");
});

$('#tbl_items').append(tr);

最后是html表

<table id="tbl_items"></table>

我需要的是仅对color ITEM_NAME

应用CSS <td>

有可能吗？或者哪种方式正确？

Answer 1

您可以在一行中创建所需的元素：

var e = $(item['ITEM_NAME']);

并申请你想要的alla：

e.css(...)

然后将其追加到您想要的位置。

在你的代码中，链接动作和jQuery链总是在整个匹配选择器上工作。除非使用.find(...)，否则在您的示例中将不清楚。

Answer 2

您必须在整个TR上对特定元素应用css。

var items = [“Orange”，“Apple”，“Banana”];

$.each(items, function (i, item) {

    var tr = $('<tr>');

    var td = $('<td>').append($('<lable>').attr("name", "qty")
        .addClass("name")
        .text(item)
        .css('color', '#819FF7'));

    tr.append(td);

    tr.append("<td>" + item + " Quatity" + "</td>");

    $('#tbl_items').append(tr)
});

查看此js fiddle

有条件地应用CSS。

  var td = $('<td>').append($('<lable>').attr("name", "qty")
            .addClass("name")
            .text(item);

  if(item == 'Orange'){
    td  = td.css('color', '#819FF7'));
  }

jQuery里面的元素样式

2 个答案: