使用jquery

时间:2017-10-23 03:01:53

标签: javascript php jquery html

我想检查文本是否存在于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>

2 个答案:

答案 0 :(得分:1)

您可以使用解决方案https://jsfiddle.net/9kLnvyqm/

&#13;
&#13;
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');
  }

}
&#13;
<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>
&#13;
&#13;
&#13;

如果您只想要容器中的文字内容,请使用text(),如果您要查找html内容,请使用html()

希望这会对你有所帮助。

答案 1 :(得分:0)

可以获取元素的内联样式的值。

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如果你需要一些关于循环的帮助