Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/472.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从classname中查找上一个is textnode_Javascript_Jquery_Html - Fatal编程技术网

Javascript 从classname中查找上一个is textnode

Javascript 从classname中查找上一个is textnode,javascript,jquery,html,Javascript,Jquery,Html,这是文本节点的示例文本 最后一句话 $('.cursor').prev() 正在返回上一个ins标记 如何在此处文本节点之前找到span.cursor?您可以使用 <p> <ins>this is sample text</ins> here text node <span class='cursor'></span><ins>last word</ins> </p> $('.c

这是文本节点的示例文本 最后一句话

$('.cursor').prev() 正在返回上一个
ins
标记

如何在
此处文本节点
之前找到
span.cursor

您可以使用

<p>
   <ins>this is sample text</ins> here text node 
   <span class='cursor'></span><ins>last word</ins>
</p>


$('.cursor').prev()

您的问题有点不清楚,但我将其解释为您希望在
之前恢复
文本节点
(此处包含
文本节点
)的文本

如果是这种情况,那么jQuery可以通过以下方式进行管理:

//这里我们找到“.cursor”元素,然后
//使用prop('previousSibling')我们恢复
//第一个“.cursor”的上一个同级节点
//在收藏中:
变量节点=$('.cursor').prop('previousSibling'),
//在这里,我们恢复
//已恢复以前的同级(textNode)节点:
text=node.nodeValue;
console.log(文本)


这是此处文本节点最后一个单词的示例文本
您可以找到不使用本机代码的文本:

console.log(document.getElementsByClassName('cursor')[0].previousSibling.nodeValue)

这是这里的示例文本文本文本节点最后一句话
看到如此出色的答案仍然令人难过,因此没有得到它应该得到的所有关注…:(不可否认,另一个答案在有限的情况下更容易理解和实现。我怀疑,一旦OP或未来的访问者遇到一种情况,即他们有一个元素的多个实例,而该元素的
以前的兄弟姐妹
,他们需要检索,那么他们可能会找到这个答案并相应地向上投票。我们玩长游戏,沃尔夫先生!)请记住,InternetExplorer8及以下版本的用户;奇怪的是,
document.querySelectorAll('.cursor')
至少会更兼容,尽管无可否认,它的用户群很小,但它可能并不重要。
$('.cursor')[0].previousSibling