如何使用jquery获取span元素之后的文本
使用jQuery获取span元素之后的文本可以通过以下方式实现：
- 使用next()方法获取span元素之后的下一个兄弟元素，然后使用text()方法获取其文本内容。
var text = $('span').next().text();- 如果span元素之后可能存在多个兄弟元素，可以使用nextAll()方法获取所有的兄弟元素，然后使用first()方法获取第一个兄弟元素，最后使用text()方法获取其文本内容。
var text = $('span').nextAll().first().text();- 如果span元素之后的文本位于同一个父元素下的其他元素中，可以使用nextUntil()方法获取span元素之后的所有兄弟元素，然后使用last()方法获取最后一个兄弟元素，最后使用text()方法获取其文本内容。
var text = $('span').nextUntil().last().text();以上是使用jQuery获取span元素之后的文本的几种常见方法。根据具体的页面结构和需求，选择适合的方法即可。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
- 产品介绍链接地址：https://cloud.tencent.com/product/cos
相关·内容
1回答
我正在构建一个Chrome扩展来注释任何网站上的文本。到目前为止，它在一个基本的Javascript提示窗口中接受输入，并将其显示在.onmouseover上的一个警告框中。但是，我希望使用qTip2 jQuery插件，而不是使用警告框。
下面是我的manifest.json目前的情况：
"content_scripts": [{"matches": ["http://*/*", "https://*/*"],
"js": ["content.js", &
浏览 0提问于2014-04-29得票数 0
我是jquery的新手。我用span文本设计了表单字段输入文本。
<div class="input-group" style="width:40%">
<input type="text" name="emial" id= "emial" class="form-control" required="true"/>
<span class="input-group-addon">@gmail.com</spa
浏览 9提问于2017-04-04得票数 0
回答已采纳
3回答
我正在构建一个刮板，我遇到了一些HTML，我不知道如何解析。我有一段这样的代码。
<div>
<span>SomeHeader</span>
"Some text"
<span>SomeOtherHeader</span>
"More text"
</div>
在JS或JQuery中，我希望找到"SomeHeader"，并在它后面查找"Sometext“，而不需要”更多的文本“。
任何帮助都是非常感谢的！
浏览 5提问于2016-05-31得票数 1
回答已采纳
4回答
获取标记中的所有节点
、、、
我有这样的密码：
<div id="container">
Lorem ipsum dolor sit amet
<p>This is a paragraph</p>
<br />
<span>This is a span</span>
Lorem ipsum dolor sit amet
</div>
是否有可能在这个div中获取所有文本节点和标记？我希望通过数组访问每个节点(包括文本)。
例如：
for(var i=0;i<nodesArray.length;i++)
{
do
浏览 4提问于2013-08-27得票数 2
回答已采纳
2回答
我有这个代码
<input type="checkbox"/>
<span>Foobar</span>
<input type="radio" checked="checked">Foo
<input type="radio">Bar
如何使用jQuery获取文本Foo，其中$(this)是节点<input type="checkbox"/>？
我可以用$(this).parent().find(":checked").not(
浏览 2提问于2012-01-09得票数 1
回答已采纳
我有以下HTML：
<body>Testing1<span id="t1" style="background-color: green;">Testing2</span>Testing3</body>
当我尝试以下操作时：
alert(window.jQuery('#t1').prev().nodeType); // undefined - tried get(0) as well
alert(window.jQuery('#t1').get(0).nodeType); // 1
浏览 0提问于2011-10-24得票数 0
回答已采纳
3回答
如果我有以下标记，我如何才能只更改父跨度内的文本-使用javascript或jQuery？
<td class="cartItemTotal">
<span>
<span class="currency_sign">£</span>
25.00
</span>
</td>
我尝试了以下两个问题(基于 SO问题)，但这两个问题都没有反应。
(1)
$this.find('.cartItemTotal > span').c
浏览 2提问于2013-05-16得票数 1
回答已采纳
我有一个模板生成器artisteer生成的以下菜单项：
<ul class="art-vmenu">
<li><a href="#" ><span class="l"></span><span class="r"></span>
<span class="t">Home</span></a></li>
<li><a href="#&#
浏览 1提问于2011-06-16得票数 27
回答已采纳
只需漫游，就可以找到jQuery中包含特定文本的所有visible span html text
我有以下代码：
<div id="test">
<span style="display:none;">one</span>
<span style="display:inline;">two</span>
<span style="display:inline;">three</span>
<span style="di
浏览 2提问于2017-09-20得票数 1
2回答
我使用CodeRay来生成span代码和几乎所有包装在html中的文本元素，但其中一些并没有。
<span class="no">1172</span><span class="r">case</span> primary_key_prefix_type
<span class="no">1173</span><span class="r">when</span> <span class="sy">:tabl
浏览 0提问于2011-06-04得票数 4
回答已采纳
2回答
根据元素的高度添加类
、、、
我试图根据(.CWproductPreviewDescription p)元素的高度隐藏一个span标记。这是用于截断文本类型函数的。我找到了几个类似的问题和答案，但在我的情况下没有什么能奏效的。出于某种原因，我总是得到第一个匹配的选择器的高度，但我认为使用jQuery选择器会自动遍历所有元素。这是我的代码
简单的CSS，以切断文本的长度和显示点击。工作很好
CSS
.CWproduct .CWproductPreviewDescription p {
max-height: 65.4px;
overflow: hidden;
margin: 0 6px;
}
浏览 3提问于2014-01-14得票数 1
回答已采纳
我有一个div中的<span>标记，当用户单击它们时，它会被移除。效果很好。
我想将.text()存储在变量中的div中。问题是更新的文本没有存储。
单击某个单词可在此中删除它。
如您所见，content变量返回旧文本，而不是新修改的文本。
如何用更新的文本存储变量？
jQuery：
jQuery(document).ready(function() {
jQuery(document).on("mousedown", ".hello span", function() {
// don't add full st
浏览 5提问于2016-04-26得票数 4
回答已采纳
嘿，伙计们，感谢你们在的最后一次帮助。
现在我想知道如何使用三个切换按钮来代替一个切换按钮？
我的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
回答已采纳
我正在尝试从一个尚未添加到DOM的jQuery对象中获取文本。所以：
var fragment = $("<span id='thing'>stuff</span><span id='thing2'>stuff2</span>");
但这两种方法都不起作用(尝试获取文本"stuff2")：
var test1 = fragment.find("#thing2").text();
var test2 = $("#thing2", fragment).te
浏览 4提问于2013-04-14得票数 4
回答已采纳
我有这个html代码
<div id="mydiv">
<div>
<span>Text inside span</span>
Text next to span
</div>
<div>
Contents inside the 2nd div element...
</div>
</div>
我想要得到“旁边的文本跨越”。我试过这段代码JQuery代码
var a = $('#mydiv div
浏览 3提问于2011-08-03得票数 51
回答已采纳
.text()似乎并不关心.not()，或者我也不理解jQuery的链接是如何工作的，或者.not()是如何工作的。
是否有更好的方法从$("#bar")中筛选出$("#foo")并获取文本内容？
t = $("#foo").not("#bar").text()
$("#output").text(t)
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></scrip
浏览 0提问于2019-06-03得票数 0
回答已采纳
目前我有类似这样的东西
<ul class="patient-class" id="patientSelection">
<li>
<label for="plist">
<div class="patient-details"><span class="pheading">Foo</span><span
浏览 23提问于2017-02-18得票数 0
回答已采纳
2回答
你好，我有以下问题。我有3盒divs和新闻文章。我已经使用带有hide()属性的文本设置了一个span，因此当单击名为"View“的按钮时，可以检测这3个框中的哪个按钮被单击，并将隐藏的文本进行slideToggle()。我尝试给每个按钮分配一个变量和每个span --这是可行的(但它的方式过于重复和缓慢)。但是，当我尝试使用this选择器(为了更快的性能而不是重复的代码)时，它失败了。我将张贴以下代码：
这里的
Jquery：
//WORKS
var $span = $('span')[0],$span2 = $('span')[1] ,$span3
浏览 3提问于2016-04-15得票数 0
回答已采纳
2回答
我有以下情况。
<ul>
<li><span> text </span></li>
</ul>
我使用下面的jquery来获取文本内容和宽度……
$("ul li").each(function()
{
var textIndex = $(this).index();
var $text = $(this).find("span").text() // this works..
var textWidth = $text.w
浏览 2提问于2011-11-06得票数 0
回答已采纳
<div id="div1">
<span>Hi how are you</span>
<div><span class="ts">i need this question</span></div>
<span class="m1">some content</span>
</div>
我需要使用子父relationship.Please获取ts类的文本，参考下面的jquery，它返回true，但我不知道如何获得文本。请
浏览 10提问于2013-11-14得票数 0
回答已采纳
我已经能够使用jQuery删除单词"Departments“，但现在我想删除留在HTML代码中的一个">”字符。 <span> > </span> 其中显示"Home >> Dog“我要删除其中一个">” 我不确定如何让jQuery忽略或删除选择器上面的两行超文本标记语言？ $(function() {
$("a[title*='Categories']").hide();
}); <script src="https://ajax.googleapis
浏览 36提问于2017-05-16得票数 0
回答已采纳
我的查询很简单，
我有这个文本动画，它是来自我的var内容字符串的所有字符的<p> </p>中多个<p> </p>元素的组合。
不，我使用这段代码来动画这一行：
var content = 'This is Example Line of Animation, This is Example Line of Animation,';
var ele = '<span>' + content.split('').join('</span><span>&
浏览 2提问于2022-11-08得票数 0
回答已采纳
当父DIV包含使用jQuery的文本的子元素时，如何从父DIV获取文本？
<div id='div_1'>
I am a DIV
<span>
I am a SPAN
</span>
</div>
如果我使用$('#div_1').text()，它会给我'I If a DIV I If a SPAN‘，我如何从’div_1‘中获得文本'I am a DIV’？任何帮助都非常感谢，谢谢。
浏览 0提问于2011-08-15得票数 2
回答已采纳
3回答
我已经使用 jQuery插件使我的页面大小的表头贴在顶部。我想将筛选框(常规INPUT文本标记)添加到表的TH中。问题是，如果我在克隆头之前将文本输入到输入框中(为了“粘性”)，克隆就没有我输入的文本。反之亦然。据我所知，当html元素被隐藏/不隐藏时，不会触发任何事件。如何使原始标题和克隆的“粘性”标题之间的文本保持同步？要么通过修改插件(我不太了解jQuery )，要么通过非jQuery方式。
<table id="xxx">
<colgroup>
<col span="1" style="widt
浏览 2提问于2013-05-31得票数 1
回答已采纳
我想在文本字段中键入value后，将文本字段替换为不可编辑字段。
<input type="text" id="text" value="">
<input type="button" id="btn" value="click">
在文本字段中输入数据值并单击按钮后，我希望将这些文本字段和按钮替换为span中的文本。
<span id="changedText"></span>
我如何使用Jquery做到这一点呢？提前谢谢。
浏览 22提问于2013-06-20得票数 0
我尝试了这三种方法，但无法在动态输入后将文本添加到span。我做错了什么？
$(this).next('.error').html('Becareful Baby!');
$(this).closest('br').next('.error').html('Becareful Baby!');
$(this).closest('.error').html('Becareful Baby!');
$("input").on("keydown", fu
浏览 4提问于2016-08-18得票数 0
回答已采纳
3回答
我试图使用jquery获取特定的文本，下面是我的代码，
<div class='sometext'>
sometext
<span class="innerspan">span_text</span>
</div>
从上面的html中，我需要像这样使用jquery获取，
$('.sometext').text()
但是我收到了输出sometextspan_text.
如何只获取？
浏览 1提问于2013-12-31得票数 1
回答已采纳
我希望能够检查元素中是否包含任何文本。如果元素中没有文本，我希望能够删除它。
但是，这个dom元素可能包含一个子元素，或者更多，这些子元素也可能包含其他子元素。因此，我希望能够跟踪元素的dom树，并在元素中的所有元素中搜索文本。
就像这样：
<div id="myElement">
<span></span>
<span></span>
<span>
<span></span>
<span>b</span>
</span&
浏览 12提问于2015-12-09得票数 5
我有下面的css和html。
.hide
{
display:none;
}
<div>
<span class='kardashian hide'>Kimmy</span>
</div>
使用下面的jquery。
$('div').live('click', function(){
alert($('kardashian', this).val());
});
如果我删除"hide“类，我会像我期望的那样得到"Kimmy”，但是当它有"
浏览 0提问于2010-11-19得票数 5
回答已采纳
4回答
我有几个Textboxes，每个Textboxes都有一个span元素，如下所示：
<span class="reqDiv" name="Required">This value is required</span>
<input class="form-control" id="txtAddress" placeholder="Address" type="text" maxlength="50" autocomplete="off"&
浏览 3提问于2016-05-17得票数 0
我想在document.ready函数中使用JQuery将标题属性=设置为跨度、段落或div标记的内部文本。
这是我的标记：
<span class="ellipsis">Text inside span tag.</span>
<p class="ellipsis">Text inside paragraph tag.</p>
<div class="ellipsis" >Text inside div tag tag.</div>
我想添加title属性来创建如下标记：
浏览 0提问于2012-01-17得票数 0
回答已采纳
我需要使用jQuery构建一个字符串变量，以查找由span标记包围的所有文本节点。重要的是，我需要用竖线字符"|“分隔每段文本。
以下面的html为例：
<div id="myDiv">
<span>this</span> <span>is</span> <span>the</span> <span>text</span>
</div>
使用jQuery，我需要生成以下内容：
var my_variable = "this|is|the|tex
浏览 1提问于2010-02-11得票数 1
回答已采纳
1回答
我正试图在掉落的地方找到文字
this.on("drop", function (event) {
console.log("event", event)
var imageUrl = event.dataTransfer.getData('URL');
console.log(imageUrl)
console.log($(event.target))
console.log($(event.target).closest('span'))
//console.log($(even
浏览 3提问于2017-09-28得票数 0
回答已采纳
这基本上是对我昨天的的跟进。
我设法在我的输入文本之上完美地获得了一个span ( span应该是复制输入文本)。
由于似乎没有一种隐藏原始输入文本的好方法，所以我决定只需足够快地更新span，使其无缝，如下所示：
var updatespan = function(){
document.getElementById('street1span').innerHTML = document.getElementById('street_1').value.substring(0, 15) + '<span style="color:
浏览 1提问于2017-08-16得票数 2
回答已采纳
5回答
我在一个表格单元格中有一个span和一个锚点。我将锚点设置为显示工具提示。我希望跨度内的文本用于工具提示。如何在jQuery中选择此文本？
<td class="row-head" colspan="5"><span class="tip-text">Complete Coverage</span><a href="#" class="help"></a></td>
JQuery代码-当前选择器总是只为所有提示找到第一个实例。
$(docu
浏览 0提问于2010-04-14得票数 1
回答已采纳
我试图使用以下方法将所有fubar实例封装在任何具有span的标题中：
jQuery('h1, h2, h3, h4, h5, h6').each(function(){
var located = jQuery(this).text().replace(/fubar/g,"<span class='myspan'>fubar</span>");
jQuery(this).html(located);
});
如果文本直接位于H标签的内部，这是很好的。
<h1>this
浏览 0提问于2018-04-26得票数 1
回答已采纳
我目前正在尝试改变背景图像在div中的位置，这取决于跨度内的文本。
我的问题是多个div有相同的类，这些类是不可更改的。
例如。我想要更改图像位置的每个单元看起来如下：
<td class="js-gridBlock js-Pre-order" data-attvalue1="3XL" data-attvalue2="Plum">
<div class="js-gridImage">
<div class="prodpageGridText" id="gridtex
浏览 3提问于2016-05-09得票数 0
回答已采纳
5回答
我有下一个要素：
<div id = "mydiv">
abc
<span>123</span>
</div>
document.getElementById('mydiv').textContent返回我：abc123
我只想得到mydiv ('abc')的文本。因此，我想知道是否有使用jquery的选项来获得jquery？也许可以得到一个元素的所有内容，除了span元素。
然后收到他的短信..。
附注：我知道我可以将abc封装在span中，然后得到它，但我不知道是否还有另一种不更
浏览 4提问于2014-04-02得票数 0
回答已采纳
我正在尝试使用.text()使用jQuery从div中获取文本。这是可行的，但是div用作内联编辑器(tinymce)，因此有一些标记，例如：
<p>sometext<span id="_mce_caret" data-mce-bogus="true"><strong>sometext2</strong></span><br data-mce-bogus="1"></p>
span基本上是一个新行，但是当得到文本时，所有html标记都被删除(这是必需的)，但是文本
浏览 5提问于2016-04-09得票数 0
回答已采纳
3回答
如果有三个由span标记分隔的输入标记，如下所示
<input class="some-class" type="number" maxlength="4">
<span class="bull">•</span>
<input class="some-class" type="number"maxlength="4">
<span class="bull">•</s
浏览 3提问于2015-03-25得票数 1
回答已采纳
如何从#data中删除带子span的span，从而使#结果包含“只剩文本”？
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div id="data">Only text left <span class='price'>remove this<span> €0,00</span> </span>
</div>
浏览 8提问于2016-04-28得票数 2
回答已采纳
3回答
我是个jQuery新手。我有类似以下HTML的东西：
<div class=dcsns-youtube>
<span class="section-thumb">
<a href="some-link"><img src="http://img.youtube.com/vi/m4-1FZeoBtQ/default.jpg" alt=""></a>
</span>
<span class="section-t
浏览 0提问于2013-01-11得票数 3
回答已采纳
我在获取每个子元素的正确格式化文本时遇到了问题，无论是作为数组还是作为文本。
我试过了
var name= jQuery(".childOne").text()；var number = jQuery(".childTwo").text()；
但它将所有的姓名/号码文本连接到姓名和号码中。
HTML是：
<span class="parent"><span class="childOne">David</span><span class="childTwo">541&
浏览 0提问于2011-02-11得票数 13
回答已采纳
当单击同一行中的按钮时，我无法理解如何获取表中的span id值以及span文本。
我的html代码是
<div>
<table id="t1" style="border:1px solid">
<tr><td><span id="city">Chikago</span></td><td><span>USA</span></td><td><button class="
浏览 1提问于2016-06-20得票数 0
回答已采纳
我遇到了JS冲突的问题，这是由一个定制的jQuery脚本引起的，该脚本一旦签出更新，就会修改文本。当包含此脚本时，我的WooCommerce站点上的Stripe支付网关不允许输入信用卡和借记卡字段。
我仍然希望脚本能够运行，但不知道如何解决/避免冲突，因此目前我不得不省略它。有没有人知道为什么下面的情况会引起冲突？
<script>
jQuery(document).ready(function(){
jQuery( 'body' ).on( 'updated_checkout', function() {
var repla
浏览 3提问于2021-02-27得票数 2
回答已采纳
我有一个div，里面有一些孩子，其直接包含的文本如下：
<div id="price">
100$
<span>some ads</span>
<span>another ads</span>
for each
</div>
我希望在这个DOM元素中直接包含文本'100$‘。
我试过innerHTML，innerText和textContent。但它们显示了包括儿童文本在内的所有文本，如下所示：
const element = document.getElementByI
浏览 0提问于2019-10-01得票数 8
回答已采纳
HTML代码由一个div组成，它包含两种类型的类：“隐藏”和“保持”。
<div>
<span class"hide">Lorem ipsum dolor sit amet, </span>
<span class="keep">consectetur</span>
<span class"hide"> adipisicing elit, sed do </span>
<span class="keep">
浏览 7提问于2011-08-11得票数 1
回答已采纳
3回答
我正在从wysiwyg编辑器中提取一些html，需要解析和替换文本部分。例如，我可能会得到如下所示的html：
<span style="font-size: 36px; line-height: 50.4px;">
first text I want to replace
<span style="font-size: 11px;"><i><b>hello world</b></i></span>
second text I want to replac
浏览 1提问于2016-06-15得票数 0
回答已采纳
我想删除父对象，并使用jQuery将子对象保留在我的HTML中。这是可行的：
$('#my_span').children().insertBefore('#my_span').end().end().remove();
但是，它删除了文本和注释节点类型-我如何修改它才能保留文本？
我也很高兴能用纯Javascript做到这一点。
浏览 1提问于2011-10-13得票数 5
回答已采纳
我正在开发一个文本编辑器。我有一个内容可编辑的<div>，里面将放置具有实际样式属性的<span>元素。现在，我知道如何在这些span元素中放置一个插入符号，但是一旦我开始输入，文本就会打印在span之外的div内部。
下面是插入符号放置的相关代码：
var rs = $( "#textEntry" ).insert( "span" ).set( "style" , style );
sel = window.getSelection();
sel.collapse( r
浏览 2提问于2012-10-05得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
