Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery:单击输入/textarea/select/checkbox/将css背景添加到下一个字段名时_Jquery - Fatal编程技术网

Jquery:单击输入/textarea/select/checkbox/将css背景添加到下一个字段名时

Jquery:单击输入/textarea/select/checkbox/将css背景添加到下一个字段名时,jquery,Jquery,很难用语言来解释,但在这种形式上 我如何在jquery中表示,每当用户单击input或textarea或select或checkbox(基本上是所有表单选项)时,我都希望在下一个字段名中添加一个#FF9背景 示例:如果用户单击第一个选择,则“Fecha”获取背景;如果单击第二个选择,*Pago:获取背景;如果单击第一个输入,则“Localidad”获取背景等 它基本上是推动用户进入下一个字段,突出显示下一个字段,希望它有意义 代码 $(function(){ $("input, se

很难用语言来解释,但在这种形式上

我如何在jquery中表示,每当用户单击input或textarea或select或checkbox(基本上是所有表单选项)时,我都希望在下一个字段名中添加一个#FF9背景

示例:如果用户单击第一个选择,则“Fecha”获取背景;如果单击第二个选择,*Pago:获取背景;如果单击第一个输入,则“Localidad”获取背景等

它基本上是推动用户进入下一个字段,突出显示下一个字段,希望它有意义

代码

$(function(){
    $("input, select, textarea").focus(function(){
        $(this).closest("tr").next().find("td:first").css("backgroundColor", "#FF9");
    }).blur(function(){
       $(this).closest("tr").next().find("td:first").css("backgroundColor", "");
    });  
});

只需在每个输入或选择上设置一个单击处理程序

    $("input, select").click( function() {
        $(this).closest("tr").next().find("input, select").css("background-color","#f00")
    });
    $("input, select").click( function() {
        $(this).closest("tr").next().find("input, select").css("background-color","#f00")
    });
$('input, select, textarea').click(function() {
    $(this).parentsUntil('tr').parent().next().find('td:has(strong) strong').css('background', '#FF9');
}).blur(function() {
    $('strong').css('background', '');
});