`

jquery获取非子标签里的文本内容

 
阅读更多

参考内容 1:

用jquery 获取div中不在其他标签内的文字 

<div id="price">

<small>$</small>

256

</div>

我要更改数字,怎么获取到256

代码:

$("div#price").prop("lastChild").nodeValue

 

参考内容2:

jquery取元素内容怎么排除span标签

<td>6666<span class="copy">[复制]</span></td>

 

我要实现点击复制 弹出6666 内容

代码:

<script type="text/javascript" src="jquery-1.8.0.min.js"></script>
<script>
    $ (function ()
    {
        $ (".copy").bind ("click", function ()
        {
            var test = $($ (this).prop ('previousSibling')).text();
            console.log (test);
        })
    })
</script>

 

 

项目中的需求:

<tr id="tr">

 <td class="t-left">

<span class="prev_span">

<span class="vsStyle_node vsStyle_blank"></span>

</span>

<span arrow="true" class="vsStyle_active_node vsStyle_shut"></span>

抚州市

</td>

 <td>其他内容1</td>

<td>其他内容</td>

</tr>

需求:需要将抚州市更换成其他字符。不改变td里的样式。

//赋值操作 $("#tr")效果一样

 $("tr[id='tr']).find("td:first").prop("lastChild").nodeValue="赣州市";

 

注意:项目中使用jQuery1.4.4会找不到prop方法,使用1.9后问题解决。

 

 

分享到:
评论

相关推荐

    jQuery获取标签文本内容和html内容的方法

    在前端开发中,获取标签的文本内容和HTML内容是常见的需求。jQuery作为流行的JavaScript库,提供了一套简单且强大的方法来实现这一需求。本知识点将详细解释如何使用jQuery的text和html方法来获取和操作HTML元素的...

    用jquery获取select标签中选中的option值及文本的示例

    根据提供的文件信息,我们可以了解到如何使用jQuery来获取HTML中select标签的选中项(option)的值(value)和文本内容(text)。以下是详细的知识点: 1. 引入jQuery库:要使用jQuery操作DOM元素,必须先引入...

    Jquery获取Select标签的值

    如果想要获取选中项的文本内容(即 `&lt;option&gt;` 标签内的文本),可以这样操作: ```javascript $("select").find("option:selected").text(); ``` #### 二、控制表单元素 除了获取 Select 标签的值之外,还可以...

    jQuery获取节点和子节点文本的方法

    本节内容将详细探讨如何使用jQuery获取节点以及子节点的文本内容,并提供一些实用的示例来帮助理解这些方法的应用。 首先,要理解的是在HTML文档中,每一个元素都可以被看作是一个节点,每个节点可以有多种类型,...

    attacklab-14-jquery获取和设置标签内容.ev4.rar

    《jQuery获取和设置标签内容详解》 在网页开发中,jQuery作为一个强大的JavaScript库,极大地简化了DOM操作,包括获取和设置HTML元素的标签内容。在本篇内容中,我们将深入探讨jQuery如何帮助开发者高效地处理页面...

    jQuery获取Select标签的手册

    本手册将详细介绍如何使用jQuery获取和操作`Select`标签以及相关的`Radio`和`Checkbox`元素。 1. **获取Select标签的value值**: 要获取`Select`标签中当前选中的选项的`value`属性值,可以使用`$('select').val()...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    jquery文本框添加删除标签代码.zip

    接下来,jQuery代码将监听文本框的`keyup`事件,当用户键入内容并按下空格或回车时,将新输入的文本转换为标签。这通常涉及以下步骤: 1. **获取输入值**:使用`val()`函数获取文本框的当前值。 2. **检查输入内容*...

    前端html中jQuery实现对文本的搜索功能并把搜索相关内容显示出来

    2. 文本替换:利用replace方法结合正则表达式来替换匹配到的文本内容,并且使用类名来定义高亮显示的样式。 3. 结构操作:使用jQuery的选择器和filter方法来控制DOM元素的显示与隐藏,只展示包含搜索关键词的卡片。...

    jquery文本转语音播放

    "jQuery文本转语音播放"技术就是一种创新的方法,它允许用户在浏览器环境中将文字内容转化为可听的语音,这对于视力障碍者或者那些希望“听”网页内容的用户来说尤其有用。本文将深入探讨如何使用jQuery和相关技术来...

    JQuery获取与设置HTML元素的内容或文本的实现代码

    `text()`方法用于获取或设置元素内的纯文本内容,不包含任何HTML标签。比如: ```javascript var p_text = $("p").text(); // 获取p元素的文本内容 ``` 如果我们想要改变`&lt;p&gt;`元素的文本,可以这样做: ```...

    jQuery实现输入框回车添加标签代码.zip

    在本文中,我们将深入探讨如何使用jQuery来实现一个功能丰富的输入框,用户可以在其中通过回车键添加标签,同时支持预设标签的选择、显示和删除,并能有效防止标签的重复添加。这个功能常用于博客系统、论坛或者社交...

    jQuery自定义添加标签

    一个简单的标签列表可能由多个`&lt;div&gt;`元素组成,每个`&lt;div&gt;`代表一个标签,内含标签文本。例如: ```html 标签1 标签2 ``` 接下来,我们将利用jQuery来实现添加新标签的功能。可以创建一个输入框让用户输入新标签...

    jQuery自定义添加删除标签代码.zip

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM操作、事件处理、动画和Ajax交互等任务。在这个"jQuery自定义添加删除标签代码.zip"压缩包中,我们可以期待找到一个利用jQuery实现的标签系统,它允许...

    用Jquery获取table中td的值

    - `text()`:获取元素的文本内容,例如`$("td").text()`。 - `html()`:获取元素的HTML内容,包括标签和文本,例如`$("td").html()`。 - `val()`:对于`&lt;input&gt;`等表单元素,获取其值,但对`td`无效,因为`td`...

    jquery删除指定的html标签并保留标签内文本内容的方法

    在上述例子中,它被用来获取`&lt;p&gt;`标签内的文本内容,即变量`xx`。 3. `replaceWith()`方法:`replaceWith()`方法用于将每个匹配的元素替换成指定的内容。在这个例子中,我们将`&lt;p&gt;`标签替换为通过`html()`方法获取...

    jquery常用的标签

    - `$("#ID").text()`:获取元素内的文本内容。 - `$("#ID").text("new text")`:设置元素内的文本内容。 #### 设置样式 - **修改CSS属性**: - `$("#ID").css("color", "red")`:设置元素的颜色为红色。 - `$(...

    jQuery输入框创建关键词标签代码

    // 获取标签文本 if (!tags.includes(tag)) { // 检查标签是否已存在 tags.push(tag); // 添加到标签数组 var tagElement = $('&lt;span class="tag"&gt;' + tag + ' &lt;i class="close"&gt;x&lt;/i&gt;&lt;/span&gt;'); $('#tagList')...

    jQuery获取当前对象标签名称的方法

    在讨论如何使用jQuery获取当前对象的标签名称之前,我们首先要明确几个重要的基础知识点。jQuery是一个快速、小巧且功能丰富的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。通过封装了...

Global site tag (gtag.js) - Google Analytics