jquery - Javascript hide content in label tag and label tag after -
i want hide text based on text in label tag , want hide text in next label tag to. know how make hide username cause text same, don't know how make hide users message.
here's code looks like:
<div id="chatbox"> <label id="cnick">otherusers:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> <label id="cnick">blockme:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> <label id="cnick">blockme:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> <label id="cnick">otherusers:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> <label id="cnick">otherusers:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> </div>
this want after javascript runs:
<div id="chatbox"> <label id="cnick">otherusers:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> <label id="cnick" style="display: none">blockme:</label> <br> <label id="cmsg" style="display: none">some random text</label> <div id="cspc"></div> <br> <label id="cnick" style="display: none">blockme:</label> <br> <label id="cmsg" style="display: none">some random text</label> <div id="cspc"></div> <br> <label id="cnick">otherusers:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> <label id="cnick">otherusers:</label> <br> <label id="cmsg">some random text</label> <div id="cspc"></div> <br> </div>
assuming you're using jquery, use .html() value inside element, , use .next() grab next label element.
something like:
$('label').each(function(){ if($(this).html() == "blockme:"){ $(this).hide(); $(this).next().hide() } });
Comments
Post a Comment