javascript - 从给定的 HTML 文本获取 JQuery？

Question

我在使用 JQuery 解析 html 时遇到了一个问题。

让我用一个简单的例子来回答我的问题。你可能肯定知道，当我需要解析...

<li class="info"> hello </li>

我通过

获取文本

$(".info").text()

我的问题是..对于给定的完整 html 和文本标记，我可以找到查询字符串吗？

在上面的例子中，我想要得到的是。

var queryStr = findQuery(html,"hello")  // queryStr = '.info' 

我知道可能有多个结果，并且根据 DOM 层次结构会有各种类型的表达式。

所以..一般来说...如果某些文本(在本例中为 'hello' )在整个 HTML 中是唯一的，我可能猜测一定有一个唯一且最短的 'query' 字符串满足 $(query)。文本()=“你好”

我的问题是..如果我的猜测是有效的，我怎样才能为每个给定的唯一文本获得唯一的(如果可能的话，最短的)查询字符串。

任何提示将不胜感激，感谢您的帮助!

Answer 1

我创建了一个可以帮助你的小函数:

function findQuery(str) {
    $("body").children().each(function() {
       if ( $.trim($(this).text()) == $.trim(str) ) {      
        alert("." + $(this).attr("class"))
    } 
    });
}

查看工作demo