jQuery 解析 HTML 字符串并对其进行一些操作

Question

我有一个动态创建的 HTML 字符串(表格行)。该字符串中的行数可以大于 1。

string myHtml = "
            <tr>
               <td class="text-left">
                  <label class="label-none">a.docx</label>
               </td>
               <td>
                  <label class="label-none">Manuscript </label>
               </td>
               <td>
                   <input class="del-file-cb" file-id="71" type="checkbox" />
               </td>
            </tr>" 
            etc...

在将其插入到 DOM 元素(表)之前，我想检查其中是否存在带有 file-id 属性的特定值的复选框输入。如果是这样，我想将第一个 label 的 text (在找到的复选框所在的行中)更改为例如lorem，以及第二个标签的文本，例如ipsum。如何做到这一点？

编辑

这里还有一些有用的信息 stackoverflow.com/questions/704679/parse-html-string-with-jquery

Answer 1

var mYdomelement = $('
            <tr>
               <td class="text-left">
                  <label class="label-none">a.docx</label>
               </td>
               <td>
                  <label class="label-none">Manuscript </label>
               </td>
               <td>
                   <input class="del-file-cb" file-id="71" type="checkbox" />
               </td>
            </tr>');

if(mYdomelement.find(":checkbox").attr("file-id") == "Yourvalue"){
   $("label:first-child", mYdomelement).text('lorem');
   $("label:nth-child(2)", mYdomelement).text('ipsum');
}

这里正在工作 demo