包含特定文本的特定h2上的jQuery Onclick事件

Question

我有一个div已经动态地包含在我的页面中，因此我无法访问它，因为它不在我当前的页面上。

它的外观如下：

<h2 class="title">About</h2>

我需要做的是添加一个以此div为目标的'onclick'事件。

我所知道的是，这是一个'h2'，有一个'标题'类，文字包含'关于'。

我该怎么做？

Answer 1

你可以使用：contains来选择包含这样的文字：

$("h2.title:contains('About')").click(function(e) {
    // Handle here
});

Answer 2

使用此：

$(document).on('click','h2.title', function(e){ 
    if(e.currentTarget.textContent.trim() == "About") {
    //write your code here
    }
});

Answer 3

您可以使用.filter进行特定匹配。 由于:contains也会匹配<h2 class="title">About Us</h2>。

$("h2.title").filter(function () {
    return $.trim($(this).text()) == "About";
}).click(function(e) {

});