我有几个链接,我想追加单词"销售"的基础上找到链接的字符串,我已经成功地使用了下面的代码.但是,如果可能的话,我希望能够让代码查看多个字符串.

目前,"销售"一词被附加到包含字符串"衬衫"的链接上.我也希望它适用于所有的链接,包含"夹克"以及.

有没有办法以数组的形式完成这项工作?

<div>
    <div class="link"><a href="/products/WHITESHIRT">White Shirt</a></div>
    <div class="link"><a href="/products/BLACKSHIRT">Black Shirt</a></div>
    <div class="link"><a href="/products/GREENSHIRT">Green Shirt</a></div>
    <div class="link"><a href="/products/WHITESHORTS">White Shorts</a></div>
    <div class="link"><a href="/products/BLACKTROUSERS">Black Trousers</a></div>
    <div class="link"><a href="/products/YELLOWJACKET">Yellow Jacket</a></div>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    
<script>
$(".link a").each(function () {
    var href=$(this).prop('href');
    if (href.indexOf('SHIRT') > -1) {
    $(this).append(" SALE");
    }
});
</script>   

推荐答案

在这里您可以使用数组some方法

Array some

array.some(function(value, index, arr), this)

在下面的代码中try

var keywords = ['SHIRT', 'JACKET'];
$(".link a").each(function () {
    var href = $(this).prop('href');
    if (keywords.some(function (v) { return href.indexOf(v) >= 0; })) {
        $(this).append(" SALE");
    }
    console.log(keywords.some(function (v) { return href.includes(v) }))
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div>
    <div class="link"><a href="/products/WHITESHIRT">White Shirt</a></div>
    <div class="link"><a href="/products/BLACKSHIRT">Black Shirt</a></div>
    <div class="link"><a href="/products/GREENSHIRT">Green Shirt</a></div>
    <div class="link"><a href="/products/WHITESHORTS">White Shorts</a></div>
    <div class="link"><a href="/products/BLACKTROUSERS">Black Trousers</a></div>
    <div class="link"><a href="/products/YELLOWJACKET">Yellow Jacket</a></div>
</div>

Jquery相关问答推荐

当我使用 OwlCarousel 时,没有任何显示

在 Mastodon 中将 jQuery 添加到 Rails 6

如果选中了三个sibling ,则选中一个复选框

为什么在 jQuery 插件中返回 this.each(function())?

javascript 捕获浏览器快捷方式 (ctrl+t/n/w)

jQuery非只读 Select 器

jQuery javascript 正则表达式 将
替换为 \n

jQuery 动画滚动

使用 JSONP 时如何捕获 jQuery $.getJSON(或数据类型设置为jsonp的 $.ajax)错误?

TypeScript 中是否有this的别名?

以ajax方式在rails 3中提交表单(使用jQuery)

在 Javascript 中,字典理解或 Object `map`

删除所有子元素的 CLASS

如何在实际图像下载时显示加载图像

如何使用 jquery 动态更改 iframe 中的内容?

如何使用jquery获取点击链接的href?

javascript过滤对象数组

如何复制 pinterest.com 的绝对 div 堆叠布局

jQuery,简单的轮询示例

Drop 事件未在 chrome 中触发