我有多个类领域。 我想用这些类作为选择的一个,我该怎么办呢?
一般示例:
<input id="from"/><div class="error from">errormessage</div>
<input id="to"/>
<div><input id="when" /></div><div class="error when">errormessage</div>
由于疗法是从类div.error,我想从添加某一类到输入#和同样名为当输入。 需要注意的是“何时”被包裹在一个div。 像这样的几个变化是必要的页面。 因此,树遍历不是合适的解决方案。
有关更新的问题:
我觉得这是你以后,由于元件,因为是以前的兄弟姐妹或包含在一个:
$(".error").prev().find("input").andSelf().filter("input").addClass("test");
你可以在这里测试一下 。
对于前一个问题:使用.class
选择 ,就像这样:
$(".myCass")
您也可以选择只通过链接它们,例如有多个类元素:
$(".myCass.myClass2.myClass3")
只选择了所有3类元素。
jQuery选择是什么,但字符串,HTML属性是什么,但字符串和正JavaScript有串运算符和函数。
下面是把这些想法在一起一点(和意义)的代码片段:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css"><!--
--></style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript"><!--
jQuery(function($){
$("div").css({border: "1px solid black"}).each(function(){
var classes = this.className.split(/\s+/);
for(var i=0, len=classes.length; i<len; i++){
$("." + classes[i]).append("<p>I have class " + classes[i] + "</p>");
}
});
});
//--></script>
</head>
<body>
<div class="foo bar dot">foo bar dot</div>
<div class="bar dot">bar dot</div>
<div class="dot">dot</div>
</body>
</html>
这是作为一个概念证明不错,但你应该仔细检查你的设计是最简单的一种。