Question

我正在编写一个自定义javascript来从网页中获取一些数据。基本上我想检查特定页面是否包含字符串“125”。在查找网页的源代码后，我看到上面字符串的容器是嵌套的div类，类似于 -

<div class="col-lg-9 col-md-9 col-xs-9 col-sm-9 col-lg-offset-1 col-md-offset-1">
    <div class="tz-blog-wrapper-style-3">
        <div class="row">
            <div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style="margin: 2% 0 0 0;" id="my_profile-right">
               <div class="live-top-right">
                    <div class="wid_2" style="float: right; color: #0961c7; font-weight: bold; font-size: 17px;" id="count_today">125</div>
                   ...
</div>

我可以使用.contains()功能，但字符串“125”可以出现在网页的多个位置。我只想检查它是否存在于上面的div类中（参见上面代码片段中的第6行）。它在页面其余部分的存在对我来说无关紧要。

我该怎么办？

Answer 1

您只需使用javascript的 RegExp 方法，并检查结果是否包含您想要的数字。

var content ='<div class="col-lg-9 col-md-9 125 col-xs-9 col-sm-9 col-lg-offset-1 col-md-offset-1"><div class="tz-blog-wrapper-style-3"><div class="row"><div class="col-lg-12 col-md-12 col-xs-12 col-sm-12" style="margin: 2% 0 0 0;" id="my_profile-right"><div class="live-top-right"><div class="wid_2" style="float: right; color: #0961c7; font-weight: bold; font-size: 17px;" id="count_today">125</div></div>';

var customRegEx = new RegExp('<div class="wid_2" .+>125<\/div>', 'i');
console.log(content.includes(content.match(customRegEx)));

不要忘记将内容变量替换为您自己的字符串变量。

Answer 2

使用jQuery，您可以使用...

var elem;

$('div').children().each(function(index) {
  if($(this).text() === '125') {
    elem = $(this);
  }
});

console.log(elem);

console.log('elem id: ', elem.attr('id'))

console.log('eleme innerHTML', elem.text());

如何使用JS在嵌套的div类中搜索特定的字符串？

2 个答案: