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标签的值等于“about us”，我想将另一个标签附加到“pageSpecificBanners”div，如下所示：

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

然后，如果H2标签的值等于“practice”，我想将另一个标签附加到“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

除了检查文本外，除了page-Title：

之外，还要添加一个额外的类

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

并且类似于实践。我会避免比较内部文本 - 如果文本发生变化，你需要记住所有修复的地方。

获取h2标签值的Jquery

3 个答案: