jqueryを使用してdivにテキストが存在するか確認してください

Question

div要素にテキストがあるかどうかをチェックしたいので、divのテキストと一致する場合は "hello"を警告します。私はこの結果をどのように達成できるのか分かりますか？ありがとうございました。

<script type="text/javascript"> 
    jQuery(document).ready(function(){ 
     var text = "div[style*=\"width: 550px;\"]"; 
     if (#content.indexOf(text) > -1){ 
      alert("Hello"); 
     } 
    }); 
    </script> 
    <div id="content"> 
    <div style="width:550px;">James</div> 
    <div style="width:500px;">Amy</div> 
    </div> 

Answer 1

ここであなたがコンテナからテキストのみのコンテンツをしたい場合は、HTMLコンテンツを探しているならば、その後、使用、text()を使用するソリューションhttps://jsfiddle.net/9kLnvyqm/

if($('#content').text().length > 0) { // Checking the text inside a div 
 

 
    // Condition to check the text match 
 
    if($('#content').text().indexOf('Amy')){ 
 
    \t console.log('Hello'); 
 
    } 
 

 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="content"> 
 
    <div style="width:550px;">James</div> 
 
    <div style="width:500px;">Amy</div> 
 
</div>

で行きますhtml()。

希望すると、これが役立ちます。

Answer 2

要素のインラインスタイルの値を取得することは可能です。

var wid = $("#content > div")[0].style.width; 
 
if(wid === "550px"){ 
 
    //correct width detected. you can use alert instead of console.log 
 
    console.log("hello"); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="content"> 
 
    <div style="width:550px;">James</div> 
 
    <div style="width:500px;">Amy</div> 
 
</div>

あなたは#content内部の複数の要素を持っています。

$('#content').children().length; 

の戻り値を使用して、すべての要素のインライン幅を取得するプログラムをループしたい場合があります。ループで何か助けが必要な場合にpingを実行します。