Question

如何使用类

获取div的“a”元素

<div class="membox_externalcontent">
    <!-- find "a" elements of here  -->
<div>

我有这个代码来获取body的元素，我想改进它：

function xpathh(){
    var nodesSnapshot = document.evaluate('//body//a', document, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null );

    for ( var i=0 ; i < nodesSnapshot.snapshotLength; i++ )
    {
        var href = String(nodesSnapshot.snapshotItem(i).getAttribute('href'));
        console.log(href);
    }
}

Answer 1

使用find，您可以将标记作为参数传递。

$('.membox_externalcontent').find('a');

Answer 2

您可以使用jquery

轻松完成此操作

DEMO HERE

var elems = $('.membox_externalcontent a');// array of <a> elements

或者：

var elems = $('.membox_externalcontent').find('a');// array of <a> elements

Answer 3

如果您的意思是要查找<div>中包含某个类的所有元素，那就是：

var elems = $('.membox_externalcontent *');

Answer 4

假设允许jQuery，基于问题的标签：

var links = $('.membox_externalcontent a');

links.each(
  function( i, v ) {
    console.log(v.href);
  }
);

Answer 5

就像在CSS中一样：

$('.membox_externalcontent a');

你可以迭代那些像

这样的项目

$('.membox_externalcontent a').each(function(){
    console.log( $(this).attr('href') );
});

Answer 6

这将是纯JavaScript解决方案，但我建议改为使用jQuery。

var foo = document.getElementsByTagName('div'),
    i,
    bar;

for (i = 0; i < foo.length; i += 1) {
    if ((' ' + foo[i].className + ' ').indexOf(' membox_externalcontent ')
            > -1) {
        bar = bar.concat(
            document.getElementById(foo[i].id).getElementsByTagName('a')
        );
    }
}

console.log(bar);

如何用class找到div的元素

6 个答案:

DEMO HERE