无论 DOM 结构如何，在给定文本选择的情况下查找特定类的前一个元素

Question

如附图所示，我的目标是选择一个文本，例如“Among the Helvetii”，并找到 nMarker 类中的哪个元素在选择之前。换句话说，我想选择“Among the Helvetii”并以某种方式找到 nMarker 类的元素，该元素的数据标记等于 1。不幸的是，我没有一次机会使用 jQuery prevAll、prev、closest 等，因为 DOM 是未知的，所以我无法计算父母、祖先等，因为标记放置在许多单词之后，紧随算法（这是我无法更改的要求）。到目前为止，我所取得的成就是实现了这个方案，如果选择与标记所在的元素位于同一元素中，则该方案有效。但正如我所说，我想要一个在不了解 DOM 结构的情况下工作的解决方案。var sel = window.getSelection ? window.getSelection() : document.selection.createRange();if(sel.getRangeAt){ // That’s for Firefox    var range = sel.getRangeAt(0);    var newNode = document.createElement("span");    newNode.setAttribute('class', 'justSelected');    range.surroundContents(newNode);    $(".justSelected").prevAll(".nMarker").data( "marker")}

Answer 1

使用非 jQuery 方法，我像这样管理它：

var body = $("body").text();

var toFind = window.getSelection().toString();

var strRegEx = '{:(?:(?!{:).)*?'+toFind; 

var res = body.match(strRegEx);

console.log(res);

var regExp = /\{:([^)]+)\:}/;

var matches = regExp.exec(res[0]);

alert(matches[1]);

无论如何，这并不能完全回答问题（我想获得数据标记属性），但现在我得到了相同的数字。然而，只有当选择在整个文本中是唯一的时，这才有效。