javascript - 如何使用 javascript/jquery 获取元素的类名具有特定文本？

Question

我需要一种 JavaScript 或 jQuery 方法，通过它包含的文本提取 DIV 元素的类名。

让我们举例说明。如果让我们说下面的代码:

<div class="_className">UniqueText</div>

我需要知道如何以编程方式做这样的事情:

getClassNameWhereText("UniqueText");

在这种情况下输出应该是:

_className

有办法吗？

Answer 1

JQuery :contains selector select 元素有特定的文本，但不准确。例如

$("div:contains(UniqueText)")

选择底部的两个div

<div class="_className">UniqueText</div>
<div class="_className2">UniqueText2</div>

---

您可以使用 .filter()按文本过滤所选元素。

var className = $("*").filter(function(){
    return $(this).text() == "UniqueText";
}).attr("class");

var className = $("*").filter(function(){
    return $(this).text() == "UniqueText";
}).attr("class");

console.log(className);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="_className">UniqueText</div>
<div class="_className2">UniqueText2</div>