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 DIV文字隱藏或顯示功能必須是：

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

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

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').text().split(' ').pop()，再添加一些簡單的邏輯來show/hide其他元素：

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