javascript - 查找特定标签 a

Question

我的 HTML 是:

<a id="showSlotsByLocation_" href="#" style="color:blue;" onclick="confirmAppt('28/05/2013','364301');">14.00 - 14.15</a>
<a id="showSlotsByLocation_" href="#" style="color:blue;" onclick="confirmAppt('28/05/2013','364303');">14.15 - 14.30</a>

ID 名称在所有链接上都相同。这是主要难点。

我想点击第二个链接我的 javascript 代码是配置网络浏览器

if (location.pathname == "/abc")
{
    //alert('location found') this is ok found;

    var el = document.getElementsByTagName("a");
    for (var i=0;i<el.length;i++)
    {
        if (el.id == 'showSlotsByLocation_' && el.innerText.isEqual('14.15 - 14.30') && el.outerHTML.contains("confirmAppt('28/05/2013'"))
        {
            alert('link found') \\this condition not match;
            el.onclick();
        }

    }
}

我该怎么做才能匹配条件？

Answer 1

你不能有两个具有相同 ID 的元素，ID 是唯一的。

当您更改 ID 后，您只需使用 document.getElementById('idOfYourElement')

即可访问它们

编辑: 首先，你需要在循环中声明一个取当前元素的“current”变量，你不能使用el.id因为el是一个集合HTML元素!对不起，我之前没有注意到。 所以你需要这个(定义变量 inside for 循环，就在 if 语句之前):

var current = el[i];

现在您已经定义了它，用下面的代码更改整行。

if (el.id == 'showSlotsByLocation_' && el.innerText.isEqual('14.15 - 14.30') && el.outerHTML.contains("confirmAppt('28/05/2013'"))

I think this is the code that stops you. There are no functions called isEqual and contains in JS.

if (current.id == 'showSlotsByLocation_' && current.textContent === '14.15 - 14.30' && current.outerHTML.indexOf("confirmAppt('28/05/2013'") !== -1)

最后一件事:innerText 不是有效的跨浏览器属性，请改用 textContent。

MDN Reference

更新的 JS 代码

if (location.pathname == "/abc")
{    
    var el = document.getElementsByTagName("a");
    for (var i=0;i<el.length;i++)
    {
        var current = el[i];
        if (current.id == 'showSlotsByLocation_' && current.textContent === '14.15 - 14.30')//I'm not sure about this one, in case you want it just remove the comment and the last parenthesis && current.outerHTML.indexOf("confirmAppt('28/05/2013'") !== -1)
        {
            alert('link found');
            current.click();
        }

    }
}