javascript-如何确定一个html构造已发生作为当前选定的构造之前的兄弟的次数

Question

我已经使用Javascript获得了当前在网页中选择的内容。

为网页例样本HTML是below--

<div id="divText">Text 1 
     <div id="divText1_1">Text 1_1</div> 
     <div id="divText1_2">Text 1_2</div> 
    </div> 

现在，用户已经选择了文中给出“文字1_2” - 从上面的HTML，我们可以看到，这是第二次DIV在名为“divText”的div内 - 我如何使用Js代码获取这些信息？我想要的信息 - “divText1_2”是其父HTML元素中的第二个div。 （我想知道在“divText1_2”之前发生的div的数量 - 当用户选择“divText1_2”内的文本时）...

Answer 1

如果您想要的信息只是该div中的文本，那么尝试：

$(document).ready(function() { 

    alert($("#divText1_2").text()); 
}); 

Answer 2

如果你不知道的DIV ID，当用户从浏览器的一些文字，那么在哪里使用jQuery如发现html元素，：

dom = $('*:contains("Text 1_2")'); 

创建DOM数组如：

dom_array = [] 
for(var j=0; j<dom.length; j++){ 
    dom_array[j] = dom[j]; 
} 

现在在数组中的最后一个元素将包含所选文本的确切html元素。（假定选定的文本将仅出现一次）

selected_id = dom_array[dom_array.length-1].id // 

var a = document.getElementById("divText"); 
    var arr = []; 
    var div = document.getElementById("selected_id"); 
    for(var i=0; i<a.length; i++){ 
     arr[i] = a[i]; 
    } 
    console.log(arr.indexOf(div));