Javascript 当页面包含单词时显示div_Javascript_Jquery_Html_Css

Javascript 当页面包含单词时显示div

javascript jquery html css

Javascript 当页面包含单词时显示div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,你好，我想显示一个基于页面内容的div。它将出现在动态生成的商店页面上。我需要一个通知，以显示在一个特定的项目是在购物车-例如，如果有人有一个'玩具青蛙'在他们的购物车'青蛙促销.div'需要显示我一直在尝试调整下面的脚本/html以供使用谢谢你的帮助。戴夫 <div class="contactUs"?>contact</div> <div class="hideThis"?>xxx</div> <script type="text/

你好，我想显示一个基于页面内容的div。它将出现在动态生成的商店页面上。我需要一个通知，以显示在一个特定的项目是在购物车-例如，如果有人有一个'玩具青蛙'在他们的购物车'青蛙促销.div'需要显示

我一直在尝试调整下面的脚本/html以供使用

谢谢你的帮助。戴夫

<div class="contactUs"?>contact</div>
<div class="hideThis"?>xxx</div>

<script type="text/javascript">
if (jQuery("div.contactUs:contains('toy frog')").length) {
    jQuery(".hideThis").css("display","none");
}
</script>

联系人
xxx
if（jQuery（“div.contactUs:contains（'toy frog'）））。长度）{
jQuery（“.hideThis”）.css（“显示”、“无”）；
}

============================================================

谢谢大家迄今为止的帮助。。我对JS一无所知

4.我想我还没有完全看透/试过这一切

我想做的是

1**。当一个带有“subscrtiption”字样的产品被添加到我的购物车时，我需要一条html消息来显示**

我尝试了一些似乎可以在JSFIDLE上使用的示例，但没有在我的服务器上使用。。这很普遍吗

大家干杯。再一次

您可以使用

或者，您可以测试length属性，看看是否找到了一个：

if( $('.contactUs:empty').length ) {
   // ...

记住，空也意味着没有什么空间。如果有可能出现空白，则可以使用$.trim（）并检查内容的长度

if( !$.trim( $('.contactUs').html() ).length ) {
// ...

我不理解您的代码示例（与您的问题描述有关：购物车内容和产品以显示促销div），但我做了一个简单的示例来回答您的问题

HTML

我已经更新了一些评论，以便更清楚地了解您的示例。。我在你的课上没有看到任何玩具青蛙，我想你搞错了。将“无”更改为“阻止”。当我将

玩具青蛙

放在你的div中时，它会隐藏该

。这种方法对我来说似乎不太好，不如创建一个链接到主要项目的“促销”表（在db中）并在促销div中显示它们谢谢你的输入！我对javascript一无所知，只是试图破解代码，直到它成功！我已经尝试了你的解决方案如下，但仍然没有运气！我哪里做错了？？测试如果测试在contactUs div var contactDivText=$（'.contactUs'）.text（）中，则应显示此选项；var hideDiv=$（'.hideThis'）；如果（contactDivText=='test'）{hideDiv.hide（）；}或者{hideDiv.text（contactDivText）；}我想是你在div中的问号不属于那里。应该是：。检查下面的链接。在该站点（左上角的框）上是您的html。当您替换单词“test”并点击顶部菜单中的“run”时，红色框再次出现，否则它将隐藏Hanks Hobby有什么原因不能在我的服务器上运行吗？如果我把它放在一页上，它就不一样了！抱歉，新手，你有jquery可以使用吗？用：$（function（）{alert（'your working？'）}）测试这一点。这是否会使一个警报框弹出？如果没有，则将其包含在您的Hi-Frédéric中感谢您花时间在这方面！我一点也不懂JS，所以这对我来说相当棘手。。当我看着你的时候，我不知道如何让它做我想做的事！我希望在页面上显示一个隐藏的div，如果它包含一个单词，请说“sausages”，如果不包含，请隐藏。。再次感谢您抽出时间

var contactDivText = $('.contactUs').text();
var hideDiv = $('.hideThis');
if(contactDivText == ''){
    hideDiv.hide();
}else{
    hideDiv.text(contactDivText);
}

<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body>

<!--   Into your page HTML, Imagine you have two parts -->

<!--   The first one is the cart that contain the item the user want to buy -->
<div class="cart">
  *Cart*
   <div class="sausages">sausages</div>
   <!-- Try to remove comment of code following -->
   <!-- <div class="fries">fries</div> -->
</div>

<br/>
<br/>

<!--   The second one is the content page that contain the div you want to display     according to item into your cart -->
<div class="content">
  *Content*
   <div class="sausages" style="display:none">sausages</div>
   <div class="fries" style="display:none">fries</div>
</div>

</body>
</html>

var $content = $('.content');
var $cart = $('.cart');

// for each children element (el) into my div cart  
$cart.children().each(function(index, el) {

  // I try to find a element with my className into my div Content
  // And if I find it Then I show it
  $content.find('.' + el.className).show();
});

var contactDivText = $('.contactUs').text();
var hideDiv = $('.hideThis');
if(contactDivText == ''){
    hideDiv.hide();
}else{
    hideDiv.text(contactDivText);
}