javascript - 查找段落内元素的周围字符

标签 javascript jquery html regex

我有一个小问题。我需要找到段落内 anchor 标记之前和之后的前 3 个字符。

示例:

<p>This is <a href='#' id='lock'>a</a> test for an anchor</p>

我需要的结果是:

is  te

其中 is (包括末尾的空格)是 anchor 标记剩下的前 3 个字符,te (再次包括开头的空格)是前 3 个字符从 anchor 标签开始。

JQuery 可以提供帮助,到目前为止我尝试使用正则表达式和 Jquery 但没有运气。

我还应该尝试什么?我可能缺少什么吗? 我已经有一段时间没有处理前端问题了。

最佳答案

类似这样的事情

var lock = document.getElementById('lock');
var prev = lock.previousSibling;
var next = lock.nextSibling;

var text = prev.textContent.slice(-3) + next.textContent.slice(0, 3);

FIDDLE

关于javascript - 查找段落内元素的周围字符,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24533447/

相关文章:

javascript - 使用 JavaScript 移动 HTML 表格中的项目

javascript - 弹出窗口始终显示相同的数据

javascript - 有没有办法让 v-if 在 v-for 中工作来动态渲染模板来创建子表?

jquery - 使 onpropertychange 和 domattrmodified 工作以检测元素何时更改

jquery - Cloudinary 在使用 jQuery 上传时返回 401 未经授权

javascript - 我试图保留 document.getElementById ("image").src=UserInput +".gif"的值

javascript - 在 IE 中测量 Javascript 性能

javascript - 获取具有相同数据属性的最后一个 div

javascript - 如何在 jQuery 中设置没有值的 HTML 属性(例如选中、选中、禁用)

javascript - 添加动态创建的 Web 元素的事件监听器