有没有办法隐藏起点上的字符?

时间:2016-03-11 12:36:31

标签: javascript jquery javascript-events

“$$$”字符用于获取索引并隐藏代码隐藏列表。现在我想问有没有办法用jquery和/或javascript隐藏这些字符?提前谢谢。

$$$<ul id = "myid"class = "listbranch">
       <li>Битола</li>
       <li>Скопје</li>
       <li>Охрид</li>
       <li>Прилеп</li>
       <li>Ресен</li>
       <li>Гостивар</li>
       <li>Куманово</li>
       <li>Гевгелија</li>
       <li>Штип</li>
       <li>Велес</li>
       <li>Пробиштип</li>
       <li>Тетово</li>
       <li>Кочани</li>
       <li>Валандово</li>
       <li>Струмица</li>
       <li>Крива Паланка</li>
       <li>Кавадарци</li>
       <li>Неготино</li>
       </ul>$$$

2 个答案:

答案 0 :(得分:2)

您可以将它们放在像<span class="hide">$$$</span>这样的元素中,然后使用JQuery使用以下内容隐藏元素,

//hide the element with the hide class
$(".hide").hide();

另一个方法是将$$$包含在span标记中,并按照user5295483注释的建议使用css隐藏它们。但是我建议使用类名,以防万一你不想隐藏所有的span标签。

HTML:

<span>$$$</span>

CSS:

 span{
       display:"none";
 }

  /* use this class if you don't want to hide all span tags*/
 .hide{

     display:"none";

 }

如果你想使用纯JavaScript隐藏$$$?您可以尝试以下方法:

Live Demo

    //Call the hide function,
    //the $ must be escaped so that regexp will pick up all three of them
    hide(/\$\$\$/);

    function hide(text) {//begin function

     //create a new RegExp object with the global replacement flag
     var search = new RegExp(text,"g");        


    //wrap the $$$ with a span element
    document.body.innerHTML = document.body.innerHTML.replace(search, "<span class='hide'>$$$$$$</span>");


    //store the collection of elements with the hide class
    var collection = document.getElementsByClassName("hide");

    //loop through the collection
    for (var i = 0; i < collection.length; i++) {//begin for loop

        //hide the element
        collection[i].style.display = "none";

    }//end for loop

}//end function

答案 1 :(得分:1)

首先不要在其中发布带有“$$$”的文件。在构建过程中将它们剥离出来:

sed -ie 's/\$\$\$//g' out.html
热潮,问题解决了。如果由于某种原因必须在文件中保留“$$$”,您仍然可以预处理文件:

sed -ie 's?\$\$\$?<span class="ns-hide">$$$</span>/?g' out.html
祝你好运!