js 模糊查找 class 元素 和 id 元素

Question

<div id="r41320d" class="r48dsk" >
    <a id="r41320d-close" class="r48-close"></a>
</div>

<div id="r41320d" class="r48dsk" >
<a id="r41320d-close"
class="r48-close"> </div>

加粗的部分为可随机部分无法取到；

只能通过模糊的查找元素才可以取到元素，并操作元素；

js 或 jq 获取 模糊 查找以上元素呢

Answer 1

看到他们都以 r4 开头，也许你可以通过 jquery 的选择器，里面的属性选择器查找。比如 $("[id='^r4'],[class='^r4']")

Answer 2

document.querySelector('a[class$="-close"]');

选择所有 class 以 -close 结尾的元素

document.querySelector('a[class^="r4"]');

选择所有 class 以 r4 开头的元素

参考资料：

• http://www.ruanyifeng.com/blog/2009/03/css_selectors.html

Answer 3

<div id="r41320d" class="r48dsk SOME-IDENTIFY" >
    <a id="r41320d-close" class="r48-close SOME-IDENTIFY-close"></a>
</div>

$('.SOME-IDENTIFY')
$('.SOME-IDENTIFY-close')