如何使用jquery在<input>和<br>之间获取文本？
要使用jQuery在<input>标签和<br>标签之间获取文本，你可以使用.next()方法来找到紧邻的<br>标签，然后使用.prev()方法来找到这个<br>标签之前的元素，即<input>标签。但是，由于<input>标签是一个自闭合标签，它不会包含文本内容，所以你可能需要获取<input>标签的值，而不是它的文本内容。
以下是一个示例代码，展示了如何获取<input>标签的值和紧邻其后的<br>标签之前的文本内容：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery Example</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<div>
<input type="text" id="myInput" value="这是输入框的值">
<span>这是输入框和<br>之间的文本</span>
<br>
</div>
<script>
$(document).ready(function(){
// 获取<input>标签的值
var inputValue = $('#myInput').val();
console.log('输入框的值:', inputValue);
// 获取<input>和<br>之间的文本
var textBetween = $('#myInput').next().text();
console.log('输入框和<br>之间的文本:', textBetween);
});
</script>
</body>
</html>在这个例子中，我们首先通过$('#myInput').val()获取了<input>标签的值。然后，我们使用$('#myInput').next()找到了紧邻<input>标签的下一个元素，即包含文本的<span>标签，并通过.text()方法获取了这个<span>标签中的文本内容。
如果你想要获取的是<input>标签之后，直到下一个<br>标签之前的所有文本内容，你可以使用.nextUntil()方法，如下所示：
$(document).ready(function(){
// 获取<input>标签之后，直到<br>标签之前的所有文本内容
var allTextBetween = $('#myInput').nextUntil('br').text();
console.log('输入框之后，直到<br>之前的所有文本:', allTextBetween);
});这将获取<input>标签之后，直到下一个<br>标签之前的所有文本内容，包括所有子元素的文本。
如果你遇到的问题是无法获取到预期的文本内容，可能的原因包括：
- 选择器不正确，没有正确地选中目标元素。
- 目标元素的文本内容为空。
- 目标元素被其他元素遮挡或者嵌套结构不符合预期。
解决方法：
- 确保选择器正确无误，可以通过浏览器的开发者工具检查元素的选中情况。
- 检查目标元素是否确实包含文本内容。
- 审查HTML结构，确保没有意外的嵌套或者其他元素干扰。
相关·内容
云原生正发声
如何在 Istio 服务网格中管理所有七层流量？
小程序·云开发官方直播课（数据库方向）
云开发数据库的高可用高性能实现
云+社区沙龙online [云原生技术实践]
算力强大的GPU,如何在k8s上的多个Pod之间共享?
Elastic 中国开发者大会
Elastic 中国开发者大会 2021-主会场
云+社区技术沙龙[第28期]
“小程序·云开发” 北京站
云+社区技术沙龙[第15期]
“融而开放、合以创新”T-HIM融合通信技术开发实战
聚焦云原生 可观测性的实践与探索
【数据与前沿技术】Techo TVP 技术沙龙暨 OSC 源创会
大数据建设与实践之路
小程序云开发官方直播课（应用开发实战）
小程序云开发实战：用云开发，快速做个小程序
小程序·云开发官方直播课（数据库方向）
小程序云原生的新探索：云开发数据库
企业创新在线学堂
亮点回顾：应对高并发：数据库代理如何有效管理负载均衡、故障转移？
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
