2016-12-31 3 views
0

ウェブページからデータを取得するためのカスタムJavaScriptを作成しています。基本的には、特定のページに文字列「125」が含まれているかどうかをチェックしたいと思います。 Webページのソースコードを見た後、私はJSを使用してネストされた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のクラスであることがわかりウェブページ上の複数の場所に存在する。私はちょうど上のdivクラス(上記のコードスニペットの行6を参照してください)の存在を確認したいと思います。ページの残りの部分にその存在は私にとって重要ではありません。

どうすればよいですか?

+0

でこれを得ることができますか? – charlietfl

+0

$( "#count_today:contains(125)")またはそれらの行に沿ったもの – Bindrid

+0

$( "。wid_2:contains(125)") – Bindrid

答えて

0

RegExp javascriptのメソッドを使用して、結果にの番号が含まれているかどうかを確認することができます。

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))); 

は、独自の文字列変数とコンテンツ変数を置き換えることを忘れないでください。 jQueryを使って

0

あなたはそれだけで特定のクラスを反復防止されているもの...

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()); 
関連する問題