jquery - 根据文本匹配查找段落ID

Question

当我传递文本“选择列表”或“删除列表”时，如何获取段落的 ID。

"<p id="section_548540600_title" class="CollapseExpand CollapseExpand_active" title="Collapse / Expand"><a href="javascript:void(0);">Selection List</a></p>"

"<p id="section_362548963_title" class="CollapseExpand CollapseExpand_active" title="Collapse / Expand"><a href="javascript:void(0);">Deletion List</a></p>"

Answer 1

假设我正确理解了您的问题，您可以使用:contains选择器根据元素的文本内容匹配元素：

// Where `someString` is "Selection List" or "Deletion List":
var id = $("p:contains('" + someString + "')").attr("id");

---

更新

请注意，上述方法假设您只有一个包含每个字符串的元素。如果有其他元素包含相同的字符串，您可能需要不同的方法来确保元素仅包含该字符串：

var id = $("p").filter(function () {
             return $.trim($(this).text()) === "Test";
         }).attr("id");

Answer 2

将 HTML 字符串传递给 jQuery 将为您提供该字符串的 DOM 表示，然后您可以像通常操作实际存在于 DOM 中的任何节点一样操作它。在你的情况下：

$(htmlString).attr('id');

Answer 3

如果你的意思是，点击段落，你可以这样做：

HTML : (将类添加到锚标记)

      "<p id="section_548540600_title" class="CollapseExpand CollapseExpand_active" title="Collapse / Expand"><a href="javascript:void(0);" class='myclass'>Selection List</a></p>"

JS：

     $(".myclass").on({

       click : function(e){
          req_id = $(this).parent().attr("id");

        }
     });