Javascript 从控制台中的工作功能转换为工作脚本。（见编辑）

我正在尝试自动单击类列表中的链接。目前，我有一个工作脚本，它将使用querySelector（）拾取容器中的第一项，这是包装在函数中的一行代码。 为了获得更高的可用性，我想知道是否可以修改代码，以便脚本在容器中的每个项目中搜索，尝试将列表标题或名称与定义的变量匹配到用户所需的位置，一旦找到，就单击该特定项目的链接

<div class="item-wall">
    <div class="grid-item" data-column-index="0" data-pdpurl="http://www.LINK1.com">
        <div class="grid-item"> … </div>
        <div class="content">
            <div class="grid-item-details-wrapper">
                <div class="grid-item-image"> … </div>
                <div class="grid-item-info-wrapper no-chipper">
                    <a href="http://www.LINK1.com">
                        <div class="product-name">
                             <p class="griditem-display-name nsg-font-size--regular nsg-text--dark-grey">
                                 PRODUCT1
                             </p>
                             <p class="griditem-subtitle nsg-font-size--regular nsg-text--medium-grey"> … </p>
                        </div>
                        <div class="product-price-wrapper"> … </div>
                    </a>
                </div>
                <div class="grid-item-extras"> … </div>
            </div>
        </div>
    </div>
    <div class="grid-item" data-column-index="1" data-pdpurl="http://www.LINK2.com">
        <div class="grid-item"> … </div>
        <div class="content">
            <div class="grid-item-details-wrapper">
                <div class="grid-item-image"> … </div>
                <div class="grid-item-info-wrapper no-chipper">
                    <a href="http://www.LINK2.com">
                        <div class="product-name">
                             <p class="griditem-display-name nsg-font-size--regular nsg-text--dark-grey">
                                 PRODUCT2
                             </p>
                             <p class="griditem-subtitle nsg-font-size--regular nsg-text--medium-grey"> … </p>
                        </div>
                        <div class="product-price-wrapper"> … </div>
                    </a>
                </div>
                <div class="grid-item-extras"> … </div>
            </div>
        </div>
    </div>
    <div class="paging-bar hidden"> … </div>
    <div class="spacer"></div>
</div>

现在我不知道如何在脚本中运行此函数。我在firefox中尝试了scriptish，并尝试将其写入一个.js文件，然后将其作为一个未打包的扩展加载到chrome中，但没有成功。似乎无法加载函数/脚本。如果有人有任何想法，我们将不胜感激。

---

再次感谢

如果我理解正确的话，我想就是这样：

function product_click(product) {
    $(".griditem-display-name:contains("+product+")").closest("a").click();
}

---

试着去理解。你想要一个函数，它可以被赋予字符串

PRODUCT1

，它会点击

www.LINK1.com

，或者被赋予

PRODUCT2

会点击

www.LINK2.com

，对吗？谢谢你的快速回复。确切地说，@Barmar类似于：var want=“string of what to search in here”的内容将被定义在顶部，用户可以在上面放置类似“black shirt”的内容。项目墙可以有黑色、蓝色、红色和绿色衬衫，但脚本将使用声明搜索黑色衬衫，并将其与“PRODUCT”1-5匹配，然后打开该链接。函数定义中传递的PRODUCT参数是否是用所需产品的字符串声明的变量？再次感谢！它可以是任何东西，这取决于调用

product\u click

的函数？我是否可以让它不带任何参数，并在.contains（）中将字符串传递到“+product+”所在的位置？谢谢你的帮助。我有点生疏了。是的，你传递了字符串参数。如果需要，可以在函数中硬编码字符串。但是它只适用于特定的产品——难道你不想根据条件点击不同的产品吗？我有一个输入错误，

。

应该是

<代码>$（“.griditem显示名称：contains（Force）”）立即查找Nike Air Force 1 Low SP的条目。

function product_click(product) {
    $(".griditem-display-name:contains("+product+")").closest("a").click();
}