Question

如何用简单的Javascript编写这个jQuery代码？

我无法使用jQuery来使用它。

$(function(){
$("td#dark[height='260']").append("<a href='http://www.website.com'></a>");
});

Answer 1

试试这个：

var elem = document.getElementById("dark");  // #dark
if (elem && elem.nodeName == "TD" && elem.height == 260) {  // td#dark[height='260']
    var newElem = document.createElement("a");
    newElem.href = "http://www.example.com";
    elem.appendChild(newElem);
}

对于在多个元素上使用相同ID的非标准文档：

var elems = document.getElementsByTagName("td");
for (var i=0; i<elems.length; i++) {
    var elem = elems[i];
    if (elem.id == "dark" && elem.height == 260) {  // td#dark[height='260']
        var newElem = document.createElement("a");
        newElem.href = "http://www.example.com";
        elem.appendChild(newElem);
    }
}

Answer 2

但问题是该网站非常不标准，并且在td和table标签上使用了几个ID dark。有关如何使其工作的任何想法？ - mofle

你需要循环遍历正文中的每个HTML元素（xpath是理想的），获取标记，查看它是否为td，如果是，请读取height元素并查看它是否等于260.这是因为.getElementById只返回一个结果，因为只有一个ID存在，但正如你所说，网站是非标准的。

jQuery中的jQuery代码

2 个答案: