Javascript 如何选择列表(li)中的所有链接(a)

Javascript 如何选择列表(li)中的所有链接(a),javascript,jquery,type-conversion,Javascript,Jquery,Type Conversion,我得到了需要转换为->js的jq代码 var links=document.getElementById(“yourid”).getElementsByTagName(“a”); 对于(变量i=0;i

我得到了需要转换为->js的jq代码

var links=document.getElementById(“yourid”).getElementsByTagName(“a”);
对于(变量i=0;i

var links=document.getElementById(“yourid”).getElementsByTagName(“a”);
对于(变量i=0;i
您正在查找
document.querySelectorAll()
。这允许以CSS类似的方式获取所有元素。例如,如果您想获得所有

以下是解决方案的代码:

var a = document.querySelectorAll("li a");
for(var i = 0; i < a.length; i++){
    a[i].innerHTML   = "If you want to change text of an element";
    a[i].style.color = "red";
}
var a=document.querySelectorAll(“li a”);
对于(变量i=0;i

编辑:如果您希望将来将更多的jQuery代码转换为Javascript,请查看jQuery非精简源代码并查找所需的代码,这可能也会起作用。

您正在查找
文档。queryselectoral()
。这允许以CSS类似的方式获取所有元素。例如,如果您想获得所有

以下是解决方案的代码:

var a = document.querySelectorAll("li a");
for(var i = 0; i < a.length; i++){
    a[i].innerHTML   = "If you want to change text of an element";
    a[i].style.color = "red";
}
var a=document.querySelectorAll(“li a”);
对于(变量i=0;i


编辑:如果您想在将来将更多的jQuery代码转换为Javascript,请查看jQuery非精简源代码并查找您想要的代码,这可能也可以。

试试这个$('li a')。它的jq-我需要js代码。您可能是指document.queryselectoral('li>a');我试过了。不起作用。嘿,我提交了一个似乎起作用的答案。如果它解决了问题,一定要接受它。试试这个$('LIA')。它的jq-I需要js代码。您可能是指document.queryselectoral('li>a');我试过了。不起作用。嘿,我提交了一个似乎起作用的答案。如果它解决了问题,请确保接受它。再次,我需要JS。现在,如果有两个版本(jq和JS),两个版本的PLZ不会否决。谢谢同样,我需要JS。现在,如果有两个版本(用于jq和JS),那么这两个版本的PLZ不会投反对票。谢谢这个问题加上了
jquery
,所以我猜他不是在寻找答案querySelectorAll@Psi当前位置你需要再读一遍这个问题。慢慢地,彻底地。是的,问题也被标记为
javascript
。@weary:删除图像,并将代码包含在答案中。更好的办法是创建一个代码段。@Abhitalks该图像是为了清晰地显示它的工作原理。代码只有一行:
document.querySelectorAll(“string”)
返回一个数组。阅读jQuery源代码学习如何编写JS并不是一个好主意。最好通过文档和示例简单地学习编写干净的代码。问题的标签是
jquery
,所以我猜他不是在寻找querySelectorAll@Psi当前位置你需要再读一遍这个问题。慢慢地,彻底地。是的,问题也被标记为
javascript
。@weary:删除图像,并将代码包含在答案中。更好的办法是创建一个代码段。@Abhitalks该图像是为了清晰地显示它的工作原理。代码只有一行:
document.querySelectorAll(“string”)
返回一个数组。阅读jQuery源代码学习如何编写JS并不是一个好主意。最好通过文档和示例简单地学习编写干净的代码。
var links = document.getElementById("yourid").getElementsByTagName("a");

for(var i = 0; i < links.length; i++){
    do something
}
var a = document.querySelectorAll("li a");
for(var i = 0; i < a.length; i++){
    a[i].innerHTML   = "If you want to change text of an element";
    a[i].style.color = "red";
}