Javascript 隐藏具有相同名称或类的多个标记
我已经使用了原型1.5。您能告诉我,我如何隐藏/显示具有相同名称或类的div标记吗Javascript 隐藏具有相同名称或类的多个标记,javascript,prototypejs,Javascript,Prototypejs,我已经使用了原型1.5。您能告诉我,我如何隐藏/显示具有相同名称或类的div标记吗 Element.hide('indicate') 但是,上面的行只满足于隐藏第一个元素。“indicate”是id。HTML中不支持两个元素具有相同的id,因此Javascript中没有处理该id的方法。无论您使用的是什么框架。HTML中不支持两个元素具有相同的id,因此Javascript中没有方法来处理它。无论您使用的是什么框架。ID必须是唯一的。改为选择一个类 $$('div.indicate').hid
Element.hide('indicate')
但是,上面的行只满足于隐藏第一个元素。“indicate”是id。HTML中不支持两个元素具有相同的id,因此Javascript中没有处理该id的方法。无论您使用的是什么框架。HTML中不支持两个元素具有相同的id,因此Javascript中没有方法来处理它。无论您使用的是什么框架。ID必须是唯一的。改为选择一个类
$$('div.indicate').hide();
或者使用其名称属性
$$('div[name=indicate]').hide();
ID必须是唯一的。改为选择一个类
$$('div.indicate').hide();
或者使用其名称属性
$$('div[name=indicate]').hide();
Prototype提供了
$$()
函数,可用于查询任何CSS选择器
因此,如果您有多个具有单个类的项,则可以按如下方式查询它们:
$$('.indicate');
请参阅原型手册:
顺便说一下,由于您使用的是Prototype 1.5,我还可以提到它还提供了一个.getElementsByCassName()
函数。但是,在较新的版本中,由于它的功能已经包含在$$()
中,并且为了避免混淆,因为现代浏览器使用相同的名称实现了一个本机函数,但语法不同,因此它现在已被弃用
所以不要使用它,但为了完整起见,这里有一个手动链接:Prototype提供了
$()
函数,您可以使用该函数查询任何CSS选择器
因此,如果您有多个具有单个类的项,则可以按如下方式查询它们:
$$('.indicate');
请参阅原型手册:
顺便说一下,由于您使用的是Prototype 1.5,我还可以提到它还提供了一个.getElementsByCassName()
函数。但是,在较新的版本中,由于它的功能已经包含在$$()
中,并且为了避免混淆,因为现代浏览器使用相同的名称实现了一个本机函数,但语法不同,因此它现在已被弃用
所以不要使用它,但为了完整起见,这里有一个手动链接:正如前面指出的,需要使用
$
功能。它返回一个数组,因此您需要隐藏所有项目
$$('.indicate').invoke('hide');
或者,对于额外的炫耀积分,您可以直接将该函数用作对象:
var hideFunc = Element.hide;
$$('.indicate').each(hideFunc);
这种技术的优点意味着您可以轻松地将该函数替换为另一个函数,例如
如前所述,
$
功能是必需的。它返回一个数组,因此您需要隐藏所有项目
$$('.indicate').invoke('hide');
或者,对于额外的炫耀积分,您可以直接将该函数用作对象:
var hideFunc = Element.hide;
$$('.indicate').each(hideFunc);
这种技术的优点意味着您可以轻松地将该函数替换为另一个函数,例如
是的,我知道。好的,告诉我,如何隐藏具有相同名称或类的标记。是的,我知道。好的,告诉我,如何隐藏具有相同名称或类的标记。嗨@LHMathies,我已经修改了这个问题。请告诉我解决方法。谢谢。但是我看到很多人已经给出了正确的答案。嗨@LHMathies,我已经修改了这个问题。请告诉我解决方法。谢谢。但我看到很多人已经给出了正确的答案,这是行不通的。我尝试了“$$('.indicate').hide();”,但什么也没发生。当我尝试喜欢时,$$('.indicate')。每个{function(obj){obj.hide();}}都会显示错误。@Black先生-我的答案中关于如何使用
hide
,因为我把原型和JQuery搞混了。我把手册页面的链接放在那里了,因为它是一个有用的链接。看看其他答案,我会说@clockworkgeek的答案看起来应该是好的。它不起作用。我尝试了“$$('.indicate').hide();”,但什么也没发生。当我尝试喜欢时,$$('.indicate')。每个{function(obj){obj.hide();}}都会显示错误。@Black先生-我的答案中关于如何使用hide
,因为我把原型和JQuery搞混了。我把手册页面的链接放在那里了,因为它是一个有用的链接。看看其他答案,我会说@clockworkgeek的答案看起来应该是好的。谢谢你的推荐。函数式编程FTW!谢谢你的推荐。函数式编程FTW!