0

我正在尝试在我的网站上执行临时快速破解，因为我需要在页面上隐藏一些跨度并且不想通过所有 php 来永久删除它们。所以只想用jquery隐藏它们。

我想使用hide()连接来隐藏包含从 1 到 9 的任何数字的跨度。

所以在我的页面上>>

 <span>good</span>
 <span>2</span>
   <span>3</span>
      <span>4</span>
         <span>5</span>
             <span>ok</span>

等等......最后一个以<span>bad</span>

我有一个大约 30 个的列表，所以想做类似的事情：

if span contains a number from 1-9, hide it.

我以前使用过该hide()功能来隐藏东西onclick等，但是如果内容等于数字，我不知道如何隐藏，有人能指出我正确的方向吗？

4

3 回答 3

1

试试这个：http: //jsfiddle.net/ehmjm/

$("span").filter( function() {
    var num = Number($(this).text());
    return num >= 1 && num <= 9;
}).hide();

或通过正则表达式：http: //jsfiddle.net/ehmjm/2/

$("span").filter( function() {
    return $(this).text().match(/^[1-9]$/);
}).hide();

注意：我从您的示例 dom 中假设您要隐藏其中只有一个数字的跨度，如果您要隐藏诸如“我有 5 条狗”之类的内容，则需要做一些不同的事情。

于 2013-07-18T12:33:13.417 回答
0 
$('span').each(function(){
  if($(this).text().match(/^([1-9])$/))$(this).hide()
});

小提琴

于 2013-07-18T12:35:01.410 回答
0

好吧，我想我迟到了。然而，这是我的方法：

jsfiddle

$('span').each(function(index, value) {
  if($(this).html() > 0 && $(this).html() < 10 )
  {
      $(this).hide();
  }
});
于 2013-07-18T12:53:06.440 回答