用于获取 h2 标签值的 Jquery

Question

我有以下 HTML

//banner + page title for the About Us page..
<div id="pageSpecificBanners"><h2 class="page-Title">about us</h2></div>

//banner + page title for the Practices page..
<div id="pageSpecificBanners"><h2 class="page-Title">practices</h2></div>

我将如何获取 jquery 中每个页面的 h2 标签的值...

因此，如果 h2 标签的值等于“关于我们”，我想将另一个标签附加到“pageSpecificBanners”div，如下所示:

$('div#PageSpecificBanners').append('<h2 class="printOnlyPage-Title">about us</h2>');

同样，如果 H2 标签的值等于“practices”，我想将另一个标签附加到“pageSpecifiBanner”div，如下所示:

$('div#PageSpecificBanners').append('<h2 class="printOnlyPage-Title2">practices');

基本上我想添加额外的 h2 标签以仅用于打印目的......

非常感谢，

Answer 1

var value = $("#pageSpecificBanners h2").html();

if(value == "about me")
    $('div#PageSpecificBanners')
        .append('<h2 class="printOnlyPage-Title">about us</h2>');
else if(h2 == "practices")
    $('div#PageSpecificBanners')
        .append('<h2 class="printOnlyPage-Title2">practices');