添加类以将特定div集中到jQuery上
||
在下面的代码中，我尝试使其成为选中（集中）输入时，相关字段集中的\'formhead \'div更改其背景颜色，并在模糊时更改它的背景颜色。我想通过在焦点上向同一div添加一个类并在模糊时删除该类来做到这一点。 jQuery最接近的概念在概念上与我要尝试的最相似，但是不合适，因为它仅针对父div。还有其他东西可以针对与该类最近的div而不影响其他字段集中的其他类吗？还是我必须更具体一些并标明封头等？
<fieldset>
<div class=\"formhead\">Heading Title 1</div>
<div class=\"fieldleft\">
<label for=\"specificinput\">Input Title</label>
<input type=\"text\" class=\"forminput\" id=\"specificinput\">
</div>
<div class=\"fieldleft\">
<label for=\"specificinput\">Input Title</label>
<input type=\"text\" class=\"forminput\" id=\"specificinput\">
</div>
</div>
</fieldset>
<fieldset>
<div class=\"formhead\">Heading Title 2</div>
<div class=\"fieldleft\">
<label for=\"specificinput\">Input Title</label>
<input type=\"text\" class=\"forminput\" id=\"specificinput\">
</div>
<div class=\"fieldleft\">
<label for=\"specificinput\">Input Title</label>
<input type=\"text\" class=\"forminput\" id=\"specificinput\">
</div>
</div>
</fieldset>
<script type=\"text/javascript\">
$(document).ready(function() {
$(\'input\').focus(function( ){
$(this).closest(\'.formhead\').addClass(\'bluebg\');
});
$(\'input\').focus(function( ){
$(this).closest(\'.formhead\').removeClass(\'bluebg\');
});
});
</script>
没有找到相关结果
已邀请:
3 个回复
凰葱崎济邯
：您也可以这样写（实际上与上下文相同）：我发现您的代码最简单的方法是：$(\'input.forminput\').bind(\'focus blur\', function () { $(this).closest(\'fieldset\').find(\'.formhead\').toggleClass(\'bluebg\'); });和分配相同的处理程序，这将仅切换的类。的多个活动悸翠疮武昏
元素与类匹配，然后使用prevAll（）进行其同级：$(document).ready(function() { $(\"input:text\").bind(\"focus blur\", function() { $(this).closest(\".fieldleft\").prevAll(\".formhead\").toggleClass(\"bluebg\"); }); });郡豪靠暖