jquery - 如何在 html 注释中找到包含特定文本的 html 元素？

Question

我正在尝试使用 jQuery 来识别包含特定 HTML 注释文本的 元素。标准的“:contains”选择器似乎没有考虑注释。我的上下文是我想动态地向同一个 td 元素添加一些内容。这是目标 td 的示例:

<TD valign="top" class="ms-formbody" width="400px">
        <!-- FieldName="Title"
             FieldInternalName="Title"
             FieldType="SPFieldText"
          -->
            <span dir="none">
        <input name="ctl00$m$g_0b1e4ca3_9450_4f3e_b3af_8134fe014ea5$ctl00$ctl04$ctl00$ctl00$ctl00$ctl04$ctl00$ctl00$TextField" type="text" maxlength="255" id="ctl00_m_g_0b1e4ca3_9450_4f3e_b3af_8134fe014ea5_ctl00_ctl04_ctl00_ctl00_ctl00_ctl04_ctl00_ctl00_TextField" title="Title" class="ms-long" /><br>
    </span>


        </TD>

此 html 由 SharePoint 生成，作为新列表项表单的一部分，我真的想在我的文档中找到 td，其注释中的“FieldInternalName”与某个文本字符串匹配。我如何使用 jQuery(或者任何 javascript 都可以)来最好地找到这些 td 元素？

Answer 1

您可以获取元素的 innerHTML 并在其上运行正则表达式。

例子:

// HTML: <div id="myElement">Lorem <!-- a comment --> ipsum.</div>

var element = document.getElementById('myElement');
alert(element.innerHTML); // alerts "Lorem <!-- a comment --> ipsum."
// here you could run a regular expression

更新一个更全面的示例(使用 jQuery):

var tds = $('td'), match;
tds.each(function(index, element) {
    match = $(element).innerHTML.match(/FieldInternalName="(^["])"/);
    if (match) alert(match);
});