javascript - Jquery 在动态 html 上查找操作

Question

我创建动态 html 内容(表格行)。 td 元素根据行分配了类。

我想按类执行多个查找元素并执行 .text() 和样式操作，然后将最终 html 附加到表体。

我试过了，没用。请帮忙。

            function processrow(html){

                    $(html).find(".item1").text('Closed');
                    $(html).find(".item5").css('background-color', '#66a666');

                    return html;
            }

传递给函数的示例值

    <tr><td>row1</td><td class="item1"></td></tr>

需要返回

    <tr><td>row1</td><td class="item1">Closed</td></tr>

添加了 fiddle - http://jsfiddle.net/6mnLwg0o/2/

Answer 1

首先通过 $(html) 使用源创建 jQuery 对象，然后使用 find() 对内部元素进行更改。在下面的示例中，我将更新后的 html 附加到测试 div，以便您可以看到结果。

HTML:

<div id="test"></div>

JavaScript:

var src = processrow('<table><tr><td class="item5">row1</td><td class="item1"></td></tr></table>');
src.appendTo($('#test'));

function processrow(html) {

    var obj = $(html);
    obj.find(".item1").text('Closed');
    obj.find(".item5").css('background-color', '#66a666');

    return obj;
}

演示:http://jsfiddle.net/BenjaminRay/td00gssw/