jQuery 怎么根据内容来获取元素?

<div>hello</div>
<script>
    const str = 'hello';
    // const el = ?
</script>

如何才能获取内容包含 hello 的元素呢？

方法一

const str = 'hello';
const elArr = $(`div:contains(${str})`); // elArr是个数组

elArr 会包含所有包含 hello 的元素。

比如，结构如下：

<div>
	<div>
		<div>
			hello
		</div>
	</div>
</div>

elArr 中就会包含 3 个元素。

方法二

let str = 'hello';
let el = {}; 
const elArr = $('div');
for (let index = 0; index < elArr.length; index++) {
  const element = elArr[index];
  if ($(element).text() === str) {
    el = element;
    break;
  }
}

console.log(el)

这种方法在获取到第一个符合条件的元素就中断了。

实际开发中需按自己的需求跳转代码。