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

あなたが呼び出すメソッドを持ってみましょう

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 4

たとえば、.top div テキストが非表示または表示の場合、関数は次のようにする必要があります。

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

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

Answer 5

最初の div のテキストを確認し、相対 div を表示する必要がある場合

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