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 和第二个 label 的 text 到例如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

Answer 2

你可以这样做：

if($(#elementId + ' input[file-id|="YOUR_VALUE_HERE"]').length > 0)
{
    $(this).ancestors().eq(2).find('label').eq(0).val(FIRST_LABEL_VALUE_HERE);
    $(this).ancestors().eq(2).find('label').eq(0).val(SECOND_LABEL_VALUE_HERE);
}