使用jquery檢查div中是否存在文本

Question

我想檢查文本是否存在於 div 元素中，這樣如果文本與 div 中的文本匹配，它就會提醒“你好”。 我可以知道我怎樣才能達到這個結果嗎？ 謝謝你。

  <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

在這里，您可以使用解決方案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')){ 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>

如果您只想要容器中的文本內容，則使用text() ，如果您正在尋找 html 內容，則使用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