如何使用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结构，确保没有意外的嵌套或者其他元素干扰。
相关·内容
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
