我正在尝试在html元素(▲(▲)和▼(▼))中插入插入符号。

所以我用过了(它在一个单独的函数中

console.log($(this.html()))

哪个返回:

Phone<span id="sort-caret">▲</span>

现在,如果我想从此html元素中完全删除跨度,我该怎么做?

此外,如果我想选择实际的插入符号以进行比较,该怎么做?

更新

只是为了使答案更相关。 如何从html中选择插入符号:

console.log($('#sort-caret', this).html());

得到:

undefined

===============>>#1 票数:2

您要删除跨度吗?

$("#sort-caret").remove();

===============>>#2 票数:1

如果我想从此html元素中完全删除跨度,我该怎么做?

使用jQuery remove()可以选择它并删除它,类似于:

// you can drop the ",this" if context is not important and no repeated ids are in your HTML.
$('#sort-caret', this).remove();

演示 -移除跨度


此外,如果我想选择实际的插入符号以进行比较,该怎么做?

.html()包含跨度的HTML内容。 将其放在变量中以供以后使用,类似于:

var caret = $('#sort-caret', this).html();

//or

var caret = $('#sort-caret').html();

演示 -从跨距插入符号


为什么是您的代码console.log($('#sort-caret', this).html()); 如果没有所有相关的HTML 脚本,就无法判断返回的结果是否undefined

#sort-caret元素在您运行代码时可能不存在...

要么...

#sort-caret元素可能不是什么都方面存在this的。

同样,尽管没有相关代码,也很难说出this是什么,而没有所有相关HTML,就很难说出该元素在查询时是否存在,或者该元素是否应该放在该上下文中。

===============>>#3 票数:1 已采纳

要删除dom元素并仅获取文本,请执行以下操作:

 var s = 'Phone<span id="sort-caret">▲</span>';
 var r = /<(\w+)[^>]*>.*<\/\1>/gi;
 console.log(s.replace(r,""));

演示

并从DOM本身删除跨度:

 $('#sort-caret').remove(); 

要在当前上下文中获取跨度文本,请使用:

 $(this).find('span').html()

===============>>#4 票数:1

尝试这个

$(this).find('#sort-caret').remove()

DEMO

  ask by surfer190 translate from so

未解决问题?本站智能推荐:

3回复

使用jQuery从DOM中删除HTML元素

我正在使用api来获取要附加到DOM的值,我将它们附加到<tr>标记。 我的问题是每次关闭模态并重新打开表格,值仍然存在,以及手风琴上的“userCurrency”。 关闭模态时如何删除这些元素? 这是我的HTML 这是我的javascript 模态代码
1回复

jQuery:从DOM元素的所有实例中删除html标签

我的HTML页面中有多个.text-excerpt实例,我想知道如何从元素的每个实例中剥离所有标签。 HTML:
2回复

尝试从选择器中删除html元素而不修改DOM

我正在尝试保存DIV ID #canvas包含的html。 删除所有带有类的元素: .show-hide-config和.ez-control然后再通过ajax将其发送到服务器。 这是我到目前为止所拥有的,但还远远没有完成。 范例html: 我要发送的内容: 实际的h
7回复

如何在循环中删除JS或Jquery中的子dom元素类

我有下面的DOM结构和js代码。 我面临的问题是,尽管循环运行了4次,但是上面的代码仅从一个'a'element(即Link4)中删除了类。 那么我在这里想念的是什么? 我搜索了一下,没有得到任何参考。 提前致谢!
3回复

如何进行选择删除与jQuery

我对jQuery还是有点陌生​​。 我试图做这个项目很有趣: http : //jsbin.com/pevateli/2/ 我想要的是,当您输入内容并将其添加到列表中时,您将能够选择它并单击右上角的图像进行删除。 JavaScript: HTML: CSS:
3回复

如果我使用jQuery更改div的HTML,是否从内存中删除了所有DOM元素和侦听器?

我在想如果我用jQuery html()方法重写div的html,那么所有“旧” DOM元素和所有侦听器都将从内存中删除了吗? 例如: HTML: Javascript: 因此,当我覆盖旧的GC时,将删除旧的DOM元素和侦听器吗?
2回复

在jQuery中遍历HTML DOM元素

这段html是通过ajax调用加载的。 有很多这样的html集。 这只有1套: 单击按钮时,我试图发出警报。 警报应包含特定数据$row的标题和日期。 这是我的jQuery代码(但无法正常工作。我看到一个空白警报):
2回复

使用jQuery从插入的html中访问dom元素

我想从外部HTML文件访问通过jquery添加的DOM元素。 这是我添加HTML的代码的第一部分: “ game_menu.html”看起来像这样(用于测试的atm) 现在,我正在尝试使用jquery来访问元素,如下所示: 但是两者都不起作用。 如何获得对所有DO
4回复

在更新DOM树的同时,使用jQuery删除(和添加)类到HTML元素

我正在尝试更改div的属性类。 我有三个已定义的类,并且想在用户启动click事件时循环浏览这些类。 第一次单击事件按预期方式工作,但第二个未显示任何结果。 我经历了几次尝试使它起作用的迭代,但是并没有取得任何成功。 我认为这是因为没有使用click事件更新DOM树,因此,在触发第二
3回复

jQuery不更新DOM元素HTML

我正在尝试做一个向上/向下投票系统,但是当我从API获得响应时,我似乎无法定位到我想要的元素,这是li内“ score”类的范围。 我的JS处理程序 触发事件的html视图及其下的“得分”区域。