jquery - jquery获取h2标签的值

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');

Answer 2

试试这个：

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

Answer 3

除了页面标题之外，添加一个额外的类，而不是检查文本：

<div id="pageSpecificBanners"><h2 class="page-Title about-us">about us</h2></div>

代码变成了

if($("#pageSpecificBanners .page-Title").hasclass("about-us")){
    $('div#PageSpecificBanners').append('<h2 class="printOnlyPage-Title">about us</h2>');
}

同样的做法。我会避免比较内部文本 - 如果文本更改，您需要记住要修复的所有内容。