如何引用<a> link using its href + the </a> <a> link is under an </a> <li> <a>

时间:2016-11-21 17:07:48

标签: javascript jquery jquery-selectors

I am working on an 3rd party application , which render many <a> links, as follow:

enter image description here

这是上面2个链接的标记,我用黄色标记:

enter image description here

现在我想写一个jquery代码,当用户点击上面的2个链接时会被触发。 所以如果用户点击&#34;操作程序&#34;链接以调用名为&#34; showDialog1&#34;的函数,而如果用户点击&#34;工作指令&#34;链接以调用函数名称&#34; showDialog2&#34;。这是一个将被调用的函数示例,它将主要显示对话框中的页面:

<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-expected链接上被激活。那么有没有办法定义以下jQuery选择器:

  1. <a>在其href中包含特定文字的链接。
  2. <a>应位于<li>
  3. 之下

1 个答案:

答案 0 :(得分:1)

这里有几个部分。

  1. 其中包含特定文字的<a>链接&lt; href:

    这似乎是一个好老头的好时机。您所暗示的是,您已经确定了链接上的内容,因此您可以在设置href时设置ID。然后只需致电$(#yourId)

  2. 如果你想在其他东西下选择一些东西,jQuery会处理CSS会有的任何选择器。也就是说$("li > a")会起作用。