javascript - 我如何使用其 href + <a> 链接引用 <a> 链接位于 <li> 下

Question

我正在开发一个第三方应用程序，它渲染了许多 <a>链接如下:

这是上面两个链接的标记，我用黄色标记:

现在我想编写一个 jquery 代码，当用户单击上述 2 个链接时该代码将被触发。 因此，如果用户单击“操作程序”链接，则调用名为“showDialog1”的函数，而如果用户单击“工作指令”链接，则调用名为“showDialog2”的函数。这是将被调用的函数的示例，它将主要显示对话框内的页面:

<script type="text/javascript" unselectable="on">
    function showDialog2() {
        var options = {
            url: "/Pages/Work-Instructions.aspx",
            width: 800,
            height: 775,
            title: "Work Instructions"
        };
        showModalDialog(options);
    }

现在让我的代码能够在 nu 意图的链接上被触发。那么有没有办法定义以下 jQuery 选择器:

1. <a> href 内包含特定文本的链接。
2. <a>应该在<li>下

Answer 1

这里有几个部分。

1. 安 <a> href 内包含特定文本的链接:

   对于一个好的老ID来说，这似乎是一个好时机。您的意思是您已经确定了链接上的内容，因此您可以在设置 href 时设置 id。然后调用 $(#yourId)

2. 如果您想选择其他内容下的某些内容，jQuery 将处理 CSS 所处理的任何选择器。也就是说$("li > a")将工作。