代码之家 › 专栏 › 技术社区 › Arc

更改窗口的jQuery代码。地方href目录,如果在页面中找到单词“Cheese”

contains jquery-selectors jquery javascript

Arc · 技术社区 · 6 年前

如何在具有类的div中搜索h1元素。包含“奶酪”一词的标题栏? 如果找到奶酪,则添加一个click事件以重定向到abcx。com/奶酪。

这就是我迄今为止所尝试的:

jQuery(document).ready(function(jQuery){
    jQuery("span.xoo-cp-close.xoo-cp-icon-cross")
        .contains('.title-bar h1' "Cheese")
        .attr( "onClick", "window.location.href('abcx.com/cheese')" );
});

谢谢你的帮助,干杯

1 回复 | 直到 6 年前

JF-Mechs 6 年前

假设您的html标记如下所示。。

<span class="xoo-cp-close xoo-cp-icon-cross">
  <div class="title-bar">
    <h1>Cheese</h1>
  </div>
</span>

你可以像这样简单地迭代文档中的所有h1。。

jQuery(document).ready(function() {
  jQuery(".title-bar h1", "span.xoo-cp-close.xoo-cp-icon-cross").each(function() {
    var $h1 = jQuery(this),
      h1Text = $h1.text().trim().toLowerCase();

    if (h1Text.indexOf("cheese") > -1) {
      $h1.attr("onClick", "window.location.href('abcx.com/cheese')");
    }
  });
});

上面的代码迭代所有 h1 在具有类的元素中 .title-bar 这是包含两个类的span元素的后代 xoo-cp-close 和 xoo-cp-icon-cross

推荐文章

Martin SpruÅ¡anský · 电子邮件输入未将电子邮件地址作为新闻稿订阅框中的有效输入

7 年前

luke · jQuery中的:valid和:invalid选择器

7 年前

Ian Vink · 向有条件的儿童添加类

7 年前

LMAOman · jQuery多选择器语法

7 年前

jayjaypg22 · 在多选择器中使用变量

7 年前

feetwet · 为什么是选择器。文本获取内部函数值?

7 年前

LeBlaireau · Jquery-使用数据属性选择父项

7 年前

Dipak · 如何显示当前李的独生子女并隐藏其他李子女

7 年前

TWiStErRob · 用于表中标签同级的jQuery选择器

7 年前

ToniWidmo · 在jquery中转义select选项值

7 年前