使用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