如何使用 jquery 找到 div 的下一个跨度？ [关闭]

Posted 2023-03-06

【中文标题】如何使用 jquery 找到 div 的下一个跨度？ [关闭]

【英文标题】：how to find next span to div using jquery? [closed]

【发布时间】：2013-01-23 00:38:40

【问题描述】：

我有一个 div 和一个 span 在它旁边我只想给它 top 使用 jquery 我该怎么做。 div 和 span 都是动态生成的。 div 有 id "divTest" 我想找到这个 div 的下一个跨度。我尝试了一些技巧，但还没有成功。

更新：

实际上我已经在页面上实现了密码强度。我想改变它的位置。我在浏览器中粘贴 html 渲染

    <input id="main_cntrlChangePwd_txtNewPassword" class="feild" type="password" maxlength="300" name="ctl00$main$cntrlChangePwd$txtNewPassword">
<div id="PasswordStrengthBorder" style="position: absolute; display: inline; height: 3px; top: 95px; left: 445px; border-style: solid; border-width: 1px; padding: 2px; width: 200px;"></div>
<div id="PasswordStrengthBar" class="BarIndicator" style="position: absolute; display: inline; height: 5px; top: 97px; left: 447px; width: 75px; background-color: blue;"></div>
<span style="position: absolute; top: 105px; left: 445px; font-size: 75%; display: inline-block;
 width: 240px;">5 more characters, At least 2 more numbers, 1 more symbol, 1 Upper case characters</span>
<br>
<span id="spNewPwd" class="imp_msg error_msg">Message</span>
</div>

就是这样

【问题讨论】：

使用 jquery 选择器 .children() 或 .next()

span 不在 div 里面，它在 div 旁边..........

如果您想要的不仅仅是猜测，请发布您的结构的 HTML 表示形式。

$('#divTest').next("span") 返回什么？

更新后问题变得非常混乱，因为 HTML 既不包含 div 也不包含 span，而是包含一个输入字段，然后是一些奇怪的文本。

【参考方案1】：

使用 jQuery next():

$("#divTest").next("span").css("top", "10px"); 

现场演示： http://jsfiddle.net/YUNXa/

【讨论】：

如果确定 span 紧跟在 HTML 中的 div 之后，.next("span") 可能只是 .next()

【参考方案2】：

喜欢这样吗？

$("#divTest").next();

或者你也可以试试

$('#divTest').nextAll('span:first');

【讨论】：

我已经尝试过了，但它不起作用

您是否在控制台中遇到任何错误？

没有收到任何错误...

【参考方案3】：

也许这就是你需要的

$('#divTest').next('span')