通过使用jquery引用类名来关注下一个输入元素
通过使用jQuery引用类名来关注下一个输入元素，可以使用以下方法：
- 首先，确保你已经在项目中引入了jQuery库。可以通过在HTML文件中添加以下代码来引入jQuery库：
<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>- 在你的HTML文件中，给需要关注的输入元素添加一个特定的类名。例如，给下一个输入元素添加类名"next-input"：
<input type="text" class="next-input" />- 使用jQuery选择器来选中具有特定类名的元素，并使用
.next()方法来获取下一个输入元素。然后，可以对该元素执行各种操作，例如获取其值、修改其样式等。
$('.next-input').next('input').focus();上述代码将选中具有类名"next-input"的元素，并使用.next('input')方法获取下一个输入元素，最后使用.focus()方法将焦点设置在该输入元素上。
这种方法适用于需要在用户输入完成后自动将焦点转移到下一个输入元素的场景，例如表单验证、多个输入框的连续输入等。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
- 云存储（COS）：https://cloud.tencent.com/product/cos
- 人工智能（AI）：https://cloud.tencent.com/product/ai
- 物联网（IoT）：https://cloud.tencent.com/product/iotexplorer
- 移动开发（移动推送、移动分析）：https://cloud.tencent.com/product/mps
- 区块链（BCS）：https://cloud.tencent.com/product/bcs
- 元宇宙（Qcloud Metaverse）：https://cloud.tencent.com/product/qcloud-metaverse
相关·内容
我有一个div和另一个div，其中包含来自JQuery UI的三个图标。在父div中，有一个很小的mce实例。当我单击微型mce的任何按钮时，它都会向下移动，并显示其位置，即JQuery UI的图标。
浏览 0提问于2010-07-07得票数 0
回答已采纳
<input type="text" class="incorrect">
<input type="text" class="correct">
<input type="text" class="defalut">
<input type="text" class="correct">
<input type="text" class="incorrect">
<in
浏览 5提问于2015-12-07得票数 0
回答已采纳
5回答
如何删除隐藏类？为了展示彩带？
<div id="alwaysInStockRibbon" class="ribbon-wrapper-productpage hidden">
Css
.hidden {
display: none!important;
visibility: hidden!important;
我在下面尝试过这些，但没有成功。
Jquery
$(".hidden").remove();
$(".hidden").removeClass();
输入？
浏览 5提问于2016-08-24得票数 0
回答已采纳
当引用数据库中表的id时，我将使用model.id，当引用html中元素的id时，我将使用id。
我有一个django项目，其中我使用了一些隐藏的表单字段(所有表单现在对该隐藏字段都有相同的id )来容纳model.id。只要在呈现页面时model.id是已知的，这种方法就很有效。
我现在正在尝试修改流程，以便在没有给定model.id的情况下工作(例如，有人选择创建我的模型的新实例)。至于后端，我已经让它工作了。未提供model.id，并且视图知道它应该提供空表单。此时，我选择不创建模型的新实例，因为我只想在用户实际在其中一个表单中输入内容时创建。
如果用户在表单中输入内容，则表单处理将创建
浏览 1提问于2011-02-17得票数 1
回答已采纳
我有三个div元素，里面有文本输入。我需要能够在父div之间导航，以便专注于子输入，同时使用箭头键(在一个输入和另一个输入之间来回切换)。如何在不使用jQuery的情况下实现这一点，只使用vanilla Js？
我尝试使用循环，通过选择带有类的同级元素在元素之间移动，但由于某些原因，它不起作用。
<div>
<input class="move" type="text">
</div>
<div>
<input class="move" type="text">
浏览 17提问于2019-10-27得票数 0
回答已采纳
编辑:我刚刚意识到这些纸质材料元素与我正在尝试移动的元素具有相同的类名。我将给我想要移动的div一个ID，然后用它来移动它。现在休息，但我会尝试它，当我回来并更新结果。
我使用的是Polymer 1.0，Chrome浏览器在加载页面时会错误地对元素进行重新排序。其他浏览器工作正常。
这是我在Chrome中对html的速记版本。"content“类div应该在id为"mainContainer”的div中。
<paper-scroll-header-panel fixed="" class="x-scope paper-scroll-header-p
浏览 1提问于2016-12-14得票数 0
我遇到了div和jquery的问题。我需要使用jquery将焦点放在表单中的div上。实际上，我使用的是自动完成，这是我自己的jquery脚本。当用户在文本框中输入时，它只是在div上显示数据。但是我不能专注于DIV，不要问我为什么你要专注于div。但我需要这个。有谁知道吗？
浏览 0提问于2012-02-14得票数 0
回答已采纳
问题： 1.如何通过类名引用父元素？一旦我引用了它，如何在不删除当前类名的同时添加一个新的类名？
如何按类名引用同级元素？
下面是我当前的：的一个结构
<div class="form-group">
<div class="col-md-12">
<div class="row">
<div class="col-md-4 col-xs-12 no-pad">
<input type=
浏览 4提问于2017-02-24得票数 0
回答已采纳
我是jQuery的新手。我尝试使用一个jQuery命令来实现同一个类的多个div：
HTML：
<div class="textbox">hi</div>
<div class="textbox">hi</div>
<div class="textbox">hi</div>
JS：
$('.textbox').focus(function(){
$('.textbox').addClass('newstyle');
});
不幸
浏览 0提问于2018-12-07得票数 0
我已经在我的DOM中有一些href锚点，如下所示：
<div id="outermenu">
<a href="#" id="uniqueid1" class="myclassone">link</a>
<a href="#" id="uniqueid2" class="myclasstwo">link</a>
</div>
我使用jQuery来插入更多的href锚
浏览 5提问于2014-05-08得票数 3
3回答
因此，我有多个动态生成的元素，它们的类名与在jQuery中检查输入的类名相同。它不是让我点击两者，而是让我点击生成的第一个元素。
例:我单击item_1，它返回item_1 id，但当我单击item_2时，它不会返回anyting。
HTML
<div id="item_1" class="resp"></div>
<div id="item_2" class="resp"></div>
Jquery
$(".resp").on("cl
浏览 6提问于2017-07-25得票数 2
回答已采纳
1回答
我需要能够用jQuery替换击键。当按向右箭头时，我希望改为按tab键。到目前为止，我有：
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.simulate.js"></script>
<script type="text/javascript">
$(function () {
浏览 3提问于2011-05-20得票数 2
回答已采纳
如何检测输入框当前是否为jQuery UI自动完成？似乎没有一个本机方法可以做到这一点，但我希望有像这样简单的东西：
if ($("#q").autocomplete)
{
//Do something
}
然而，这个条件似乎总是返回true。
浏览 1提问于2008-10-31得票数 8
回答已采纳
1回答
我只是想删除一个类的一些元素，而不是像jQuery这样的任何框架。首先，我尝试使用for(...在...)然后将ist更改为for(var i...)但现在我发现，即使是直接选择也不起作用。
对于jQuery，它工作得很好。但这是..。让我们来解释一下jQuery是做什么的。
我的脚本：
[109] <script>
[110] var hidden = document.getElementsByClassName('hidden');
[111] console.log('Class "hidden" size: ' +
浏览 1提问于2016-02-10得票数 0
我有两个表单，每个表单都有一个单选按钮，用于在自己的页面上更改选项卡，但这两个块放在一个页面上时不起作用。我将each用于nationality_checkbox，并将此输入名称放入$('input:radio[name="nationality"]') name中，但不起作用 https://jsfiddle.net/djyofpx7/ 编辑1 我更改了jquery，但无法获取属性名称，并且结果未定义 $('.nationality_checkbox').next().next().each(function(i, obj) {
浏览 6提问于2020-10-31得票数 1
回答已采纳
我正在尝试获取一个输入框的值，该输入框是.append()最近的一个输入框。输入框通常不存在。它让.append()在按钮上点击一个函数。
输入的值应该被捕获并通过jQuery Ajax发送到后端(Php)。
附加输入字段的函数：
function toggleOrder(){
$(".orderContainer").append(`
<div class="orderFilterBox">
<input id="orderFilterInput" type="text&
浏览 1提问于2020-11-29得票数 1
回答已采纳
您好，我有更改输入field.where的值时调用函数的代码，我只是实现了jquery mobile datepicker，但在内部将其更改为
<input type="text" data-role="date" style="width:100%" class="to hasDatepicker" id="To" name="To">
(意味着将hasdatepicker添加到输入字段中)，这样它就不能工作了，当我切换到.But函数时，它工作得很好。这可能是什么问题？
$(&#
浏览 0提问于2015-06-11得票数 0
2回答
我有这样的html
<td>
<textarea name="foot"><?=$e->foot;?></textarea>
Preview:
<div><?=$e->foot;?></div>
</td>
因此，我如何收集textarea的数据，并使用jquery将其加载到它旁边的div中。另外，我有很多这样的文本区域，所以如何将输入到onchange的文本加载到下一个div。
谢谢。
浏览 0提问于2009-09-16得票数 0
回答已采纳
嘿，伙计们，感谢你们在的最后一次帮助。
现在我想知道如何使用三个切换按钮来代替一个切换按钮？
我的html代码是：
<div class="layer1">
<span class="heading">Header-1 </span><span class="heading">Header-1 </span><span class="heading">Header-1 </span>
<div class="content"&
浏览 1提问于2012-08-28得票数 2
回答已采纳
我有以下代码：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Untitled Page</title>
<script class="jsbin" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script type="text/javascript"
浏览 0提问于2010-11-24得票数 2
回答已采纳
3回答
我刚开始使用jQuery，并且在客户的反馈页面中有一个小部件，用于询问姓名、电子邮件和评论/问题部分。我正在尝试通过URL传递值来自动填充电子邮件输入。这部分代码是正确的，并且用var email表示。我试图通过jQuery选择输入，但到目前为止还没有成功，因为输入标记大量嵌入到div中，所有这些div都没有ID。input标记也没有ID，只有type、name和required pattern。
下面是我到目前为止使用jQuery选择输入的代码，以及从网址获取电子邮件的代码：
var getUrlParameter = function getUrlParameter(sParam) {
浏览 0提问于2017-03-14得票数 1
2回答
我正在使用jquery自动完成，并希望一旦从自动完成列表中选择了一项，它就会将焦点放在特定的控件上。我尝试过$('#nextelement').focus()，它接收到焦点，但焦点立即返回到自动完成控件。如何在自动完成关闭时将焦点保留到下一个控件？
编辑我使用的是随Yii CAutoComplete小部件提供的自动完成插件，文档中说明是这样的：
浏览 0提问于2010-06-30得票数 0
回答已采纳
我一直在尝试使用ReactJS在window中更新基于按键的输入。我正在构建一个基本的计算器，它只有一个输入。我希望一旦按下某个键，输入就始终成为目标，并更新这些值。我还有另一个用于验证的函数，因此按键函数仍将通过验证函数传递。谢谢!
我有这样的东西：
window.onkeypress = function(e){
this.inputFocus(); //my custom function to position the cursor in the input
this.setState({display: this.state.display + e.key});
}
浏览 0提问于2017-12-16得票数 0
我正在尝试使用jquery来创建一个粘稠的头，但它似乎不能正常工作。这是我的密码。我真的很感谢你的帮助。我被困了好几个小时想弄清楚这件事。我试着使用react粘稠的，但是当您滚动到far时，它总是会消失，而且我真的很想在jquery技能上工作。我试图通过webpack和索引添加jquery。
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet"
浏览 4提问于2016-10-18得票数 0
回答已采纳
我试图根据屏幕500 to和更小的CSS规则添加和删除类。在CSS中，我使用
@media (max-width: 500px) {
.evidence img {display:none;}
}
这个jQuery函数查找该CSS并添加和删除类：
jQuery(document).ready(function() {
checkSize();
jQuery(window).resize(checkSize);
function checkSize(){
if (jQuery(".page-template .evidence img").css("display"
浏览 0提问于2019-06-04得票数 0
回答已采纳
编辑:谢谢你到目前为止给我的答案！不过，我仍在努力将输入打印到“右”div。我遗漏了什么？
在输入字段的旁边，有一个选项可以选择“左”或“右”。根据所选内容，输入将在单击按钮时左或右打印。这是我有的-但它只打印在左边，不管选择。
jQuery(document).ready(function(){
$('.button').click(function(){
$('.input').val();
if ($('select').val() == "left"){
浏览 1提问于2018-03-18得票数 0
2回答
我正在尝试开发一个firefox扩展，它在每个网页的底部绘制一个工具栏。
直到现在，我设法使jQuery工作，并通过运行
$("body",mr.env).css("background","black");
在mr.on=function().中
这段代码只会使网页的背景色变成黑色，每当我单击与该副词相关的菜单项时。
但是，如果我想跑
$('body',mr.env).append( ' <img src="img/check.png" /> ' );
只是失败了。它不会显示错
浏览 0提问于2011-02-14得票数 1
回答已采纳
我正在编写一个laravel应用程序，在这个应用程序中，我有一个表，其中有一个带有edit按钮的禁用输入字段。我希望单击“编辑”按钮，以启用单击该按钮的输入字段。
这是我的view.blade.php
@foreach($products as $product)
<tbody>
<tr>
<td class="col-md-2">
<input type="t
浏览 2提问于2017-07-03得票数 0
回答已采纳
在下面的代码中，当单击show/hide时，我尝试使用toolOptions span。现在，他们会显示，但不只是一个我点击，它将显示所有。是否有可能只获得低于图标的跨度来显示？
<!DOCTYPE html>
<html lang="en" dir="ltr" class="client-js">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"
浏览 0提问于2013-10-22得票数 0
回答已采纳
我正在寻找一种通用的方法来获取Selenium中的下一个元素。Jquery有一个.next()函数和重载来允许给定的类型，所以我想可能有一个基于JS的解决方案可用于Selenium。
考虑到这是一个如此有用的功能，我想现在一定有人已经这么做了。
干杯，杰米
浏览 1提问于2013-08-10得票数 9
回答已采纳
1回答
我有以下jQuery代码，它工作得很好，但加载速度非常慢。我不是jQuery的专家，所以有人能帮我把下面的代码片段写得更简洁吗？我会很感激的。
jQuery(document).ready(function() {
// colorpicker field
jQuery('.twb_btn_color, .twb_spam_clr, .twb_btn_txt_color, .twb_bg_color, .twb_main_title_color, .twb_sub_title_color')
.each(function(){
浏览 0提问于2014-12-23得票数 0
6回答
下面是一个在输入值A时转换值B的函数，反之亦然。
我正试图找到一种有效的方法，使用、javascript、或jQuery，只将作为最接近的匹配输入。
我试过jQuery ，，和。
发问
使用Javascript，什么是一种有效的方法来瞄准相邻单元格中的元素，而不使搜索函数变得复杂？
<td><input class="A" value="0" OnChange="convertA(this.id, this.value);"/></td>
<td><input class=
浏览 5提问于2015-05-22得票数 2
回答已采纳
我有使用角和jquery的经验。在jquery中，我经常使用这样的选择器：
<input name="name" class="cls">
<input name="age" class="cls">
$('.cls').change(function(){ });
我的问题是jquery是如何实现的。它如何知道输入的值何时变化。当jquery遇到这个选择器时，它会转到包含这个选项的所有类并添加onchange事件来生成这样的html吗？
<i
浏览 9提问于2015-08-27得票数 0
jQuery在脚本中的行为非常奇怪。基本上，在使用jquery更新DOM之后，我尝试获取已使用ID插入到DOM中的文件输入的值，但如果尝试直接访问file元素，则会得到一个空字符串。但是，如果我尝试从父div开始访问该文件，我会得到正确的值。不幸的是，我需要直接访问它：
alert($("#input_id").val()); //returns empty string
alert($("#div_id > #input_id").val()); //returns correct value.
浏览 1提问于2012-08-18得票数 0
我想使用jQuery的css函数来更改电子邮件输入框的颜色
<input type="email" name="email" value="" id="duplicate_email" />
只是改变颜色，如
jQuery('#duplicate_email').css('color', 'red', 'important');
不工作，因为自动填充优先。
input:-webkit-autofill {
-webkit-text-fill-col
浏览 2提问于2016-02-17得票数 0
回答已采纳
我正在学习JQuery，并试图获取特定td标记的内容。这是我的表，这是我试图获取内容的代码。如果你能指出我做错了什么，我将非常感激。当我单击该按钮时，警报信息会给我一个空白。
<table>
<tr>
<td> </td>
<td class="hamburger">Hamburger</td>
<td> </td>
<td> </td>
</tr>
浏览 3提问于2012-04-30得票数 0
回答已采纳
此代码位于php的foreach循环中。
$('input[name="<?=$value?>"]').on('change',function(){
spanval = $(".formscore").text();
width = $(".formProgressbar").width() / $('.formProgressbar').parent().width() * 100;
width = Math.round(width);
浏览 3提问于2017-12-27得票数 3
回答已采纳
1回答
我有一个AngularJS指令，使用jQuery DatePicker插件。我只想使用来自DatePicker的几个月和几年。
在输入标记之前将css样式写入html页面是可能的。
<div>
<style type="text/css">
.ui-datepicker-calendar {
display: none;
}
</style>
<input type="text" ng-model="xMonth" month-year/&
浏览 4提问于2013-12-15得票数 0
我正在尝试获取输入文本字段的值。
HTML是：
<div id="start">
<p>
<input type="text" class="myClass" value="my value" name="mytext"/>
</p>
</div>
jquery是：
var myVar = $("#start").find('myClass').val();
问题是myVar是未定义的。有人知
浏览 0提问于2011-03-13得票数 49
回答已采纳
我将动态div作为行：
<table border=1><tr><td>
<div id='div1'>fgg</div>
<div id='div2'>dfgdfg</div>
<div id='div3'>vcbcvb</div>
<div id='div4'>sdfsdf</div>
</td></tr></table>
如何在每个div的鼠标悬停时调用jQu
浏览 0提问于2010-09-28得票数 1
回答已采纳
1回答
在焦点上更改元素的CSS
、、、
因此，我遇到了一些jQuery的问题，我试图用它来格式化输入。本质上，我希望能够检查输入在失去焦点后是否为空，然后根据这些信息更改该输入的CSS。以下是我的当前代码：
$(".text-input").focusout(function () {
if ($(".text-input").val()) {
$(".card").css({
bottom: "35px",
"font-size": "0.9em"
});
}
});
我通常不使用jQue
浏览 1提问于2020-12-14得票数 2
回答已采纳
朋友们，您好，下面是我的代码
HTML
<ul>
<li>
<div class="input"><input name="" type="checkbox" value="" id="a"/></div>
<div >Name of the survey goes here | 35 Points - <span>Begin Survey</span></div>
<
浏览 0提问于2012-04-24得票数 0
回答已采纳
我试图将焦点移到下一个输入字段，当它们达到最大长度时。(我在不同的堆栈溢出页面上听到过这样的说法：“自动汇总”。)
我使用的是破折号引导组件(dbc)，但我假设这不会真正改变dcc的答案。
生成输入字段时：
import dash
from dash import dcc, html, dash_table, Input, Output, State, MATCH, ALL
import dash_bootstrap_components as dbc
from app.data_operations import *
app = dash.Dash()
app.layout = html
浏览 6提问于2022-02-10得票数 1
您能帮我从'li类‘中通过jQuery动态地调用attrib值吗？
我的HTML如下，
<ul class="blockNoBordr">
<li class="specHeading">Model</li>
<li class="specText" itemprop="model">
<span class="attribVal newattribVal">32LJ573D</span>
</li>
&
浏览 0提问于2018-03-28得票数 0
回答已采纳
3回答
当我按下关闭按钮时，我试图淡出一个全屏覆盖和一个信息框div，因为某些原因下面的代码不能工作。提前感谢你的帮助，当涉及到JQuery时，我是一个新手！
CSS：
.full_page_overlay {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background: #626262;
opacity: 0.9;
z-index: 2147483646;
}
.cart_over {
width: 60%;
height: 6
浏览 0提问于2013-07-02得票数 0
回答已采纳
2回答
我有这样的代码：
<html>
<head>
<link type="text/css" href="css/blitzer/jquery-ui-1.7.2.custom.css" rel="stylesheet" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript"
浏览 0提问于2009-12-08得票数 13
回答已采纳
1回答
我希望用户能够为n Facebook好友添加分数。按照我现在设置表单的方式，有8个输入(我假设最多有8个玩家)。我有一个输入的jQuery自动完成工作(以便用户可以添加一个Facebook的朋友)，但我不知道如何以编程方式分配自动完成所有8个输入。
更新:根据Mark的建议，我按类进行选择，这允许我在所有输入球员姓名的文本上自动补全，但我仍然需要在每个关联的隐藏输入中放值。(对于每个自动完成的名称，都有相应的id)
jQuery：
<script type="text/javascript">
$(function() {
浏览 3提问于2011-03-01得票数 0
回答已采纳
我有Jquery字符计数，我需要它在当前输入之后的下一个div上回显，而不使用id。
因此，如果我有很多输入，我只需要放入class=word_count，而不需要为每个输入创建额外的id。
$(document).ready(function() {
$('.word_count')
.on('input keyup keydown focus', function () {
var maxlength = $(this).attr('maxlength');
var
浏览 3提问于2013-05-07得票数 2
回答已采纳
如何使用jquery将页面加载时的css样式设置为某些输入框
$(document).ready(function() {
$("input, textarea").addClass("idle");
$("input, textarea").focus(function() {
$(this).addClass("activeField").removeClass("idle");
}).blur(function() {
$(this).removeCla
浏览 2提问于2012-01-18得票数 0
2回答
我有一个表，如果我单击一个按钮，我想从charge_outstanding_NUM获取值并将charge_receipt_NUM设置为它。我需要一个可重用的脚本，因为我不知道有多少行将通过。
<table>
<thead>
<tr>
<th>ID</th>
<th>Value</th>
<th>Outstanding</th>
<th>Reciept</th>
</tr>
<
浏览 3提问于2013-12-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
