Home/ Questions/Q 8181121
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T00:24:56+00:00

Afternoon, I would like to know how i can add a class depending on

  • 0

Afternoon,
I would like to know how i can add a class depending on the returned value from a web service.

$.each(result, function (index, res) {
            new_record = "<tr>" +
                         "<th scope=\"row\" class=\"t-left\"><a href=\"editproduct.aspx?sku=" + res.sku + "\" title=\"Edit this product listing\">" + res.title + "</a></th>" +
                         "<td><a href=\"http://www.amazon.co.uk/dp/" + res.asin + "\" target=\"_blank\" title=\"Visit the Amazon product listing\" >" + res.asin + "</a></td>" +
                         "<td>" + res.sku + "</td>" +
                         "<td>" + res.stock + "</td>" +
                         "<td> £" + res.price + "</td>" +
                         "<td>" + res.live + "</td>" +
                         "</tr>";

            $('#dataResults').append(new_record);

I am also returning a value stockUpdated, and i would like to add a class to change the color of the stock table field depending if this comes back true.

I cant remember how i have done this previously but its similar to an if statement

Many thanks in advance.

Alan

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Assuming I’ve understood your question correctly, you can just append the class attribute to the string depending on whether or not your stockUpdated property evaluates to true or not:

    $.each(result, function (index, res) {
    new_record = "<tr>" +
                 "<th scope=\"row\" class=\"t-left\"><a href=\"editproduct.aspx?sku=" + res.sku + "\" title=\"Edit this product listing\">" + res.title + "</a></th>" +
                 "<td><a href=\"http://www.amazon.co.uk/dp/" + res.asin + "\" target=\"_blank\" title=\"Visit the Amazon product listing\" >" + res.asin + "</a></td>" +
                 "<td>" + res.sku + "</td>" +
                 "<td" + (res.stockUpdated ? " class='updated'" : "") + ">" + res.stock + "</td>" +
                 "<td> £" + res.price + "</td>" +
                 "<td>" + res.live + "</td>" +
                 "</tr>";

    $('#dataResults').append(new_record);
});

    I’ve done it inline with a tertiary conditional just because I like to keep the string concats all together. You could just as easily stop the concatenation at the end of the previous td and then wrap a full if statement around the next td.

    • 0