jQuery - hide elements after specific text

Question

i want to hide some elements after a specific text / the last word of the first div

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

hide table(middle) and the div(bottom) depending on the word "text" from the first div

*... and the div depending on "text"*. What `div` do you mean? — VisioN, May 14 '13 at 12:39
hope this helps you ,http://stackoverflow.com/questions/1854493/jquery-search-to-any-string — dreamweiver, May 14 '13 at 12:40
@ShibinRagh yes but the text can change so i need a unique word to say after this word "text" hide all after the first div i will try the search form dreamweiver — Jim, May 14 '13 at 12:47

billyonecan · Answer 1 · 2013-05-15T14:30:15.140

1

You can get the last word using: $('.top').text().split(' ').pop(), and then add some simple logic to show/hide the other elements:

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

edited May 15 '13 at 14:30

answered May 14 '13 at 12:51

billyonecan

20,090
8
42
64

score 1 · Accepted Answer · answered May 14 '13 at 13:02

1

try

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

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

alert("div hide");
}

answered May 14 '13 at 13:02

ShibinRagh

6,530
4
35
57

1

what is the [1] standing for? – Jim May 14 '13 at 13:14

score 0 · Answer 3 · answered May 14 '13 at 12:41

0

Example if in your .top div text is hide or show the function must be:

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

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

answered May 14 '13 at 12:41

edonbajrami

2,196
24
34

score 0 · Answer 4 · answered May 14 '13 at 12:43

If you need to check the text of the first div and show the relative div



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

score 0 · Answer 5 · answered May 14 '13 at 12:44

0

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

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

answered May 14 '13 at 12:44

A. Wolff

74,033
9
94
155

score 0 · Answer 6 · answered May 14 '13 at 12:46

lets have a method you call

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

jQuery - hide elements after specific text

6 Answers6