javascript - jQuery - 在特定文本后隐藏元素

Question

我想在特定文本/第一个 div 的最后一个词之后隐藏一些元素

<div class="top">here is some text</div>
<table class="middle">
...
</table>
<div class="bottom">...</div>

根据第一个 div 中的“文本”一词隐藏表格（中间）和 div（底部）

Answer 1

尝试

http://jsfiddle.net/EnQym/1/

txtWord = $('.top').text().split('text')[1]
if(txtWord){
alert("div show");
}else{

alert("div hide");
}

Answer 2

您可以使用: 获得最后一个词$('.top').text().split(' ').pop()，然后向show/hide其他元素添加一些简单的逻辑：

var lastWord = $('.top').text().split(' ').pop();
$('.middle, .bottom').toggle(lastWord == 'text');

Answer 3

如果您需要检查第一个 div 的文本并显示相对 div

    if($(".top").html() == "what you want")
    {
        $(".middle").show();
        $(".bottom").hide();
    }
    else
    {
        $(".bottom").show();
        $(".middle").hide();
    }

Answer 4

var lastWord = function (o) {
    return ("" + o).replace(/[\s-]+$/, '').split(/[\s-]/).pop();
};

if (lastWord($('.top').html()) === "mykeyword") {
    $('.middle,.bottom').hide();
} else $('.middle,.bottom').show();

Answer 5

让你有一个方法

hideOrShow(){
if(document.getElementsByClassName('top')[0].innerHtml=="the text you want"){
document.getElementsByClassName('middle')[0].style.display='none';
document.getElementsByClassName('bottom')[0].style.display='none';
}else{
document.getElementsByClassName('middle')[0].style.display='block';
document.getElementsByClassName('bottom')[0].style.display='block';
}
}

Answer 6

例如，如果在您的 .top div 文本中隐藏或显示该函数必须是：

var txt = $('.top').text();

if(txt=='hide')
{
   $('.middle').hide();
   $('.bottom').hide();
}
else if(txt=='show')
{
   $('.middle').show();
   $('.bottom').show();
}