仅使用 javascript 获取子元素


Fetching a sub element only using javascript

请参阅以下代码:

<div id="song" class="s1">
<div class = "l">foo</div>
<div class="r">
<div>foo</div><div>foo</div>
<div class="link"><a href="some url">Link</a></div>
</div></div>
<div id="song" class="s2">
<div class = "l">foo</div>
<div class="r">
<div>foo</div><div>foo</div>
<div class="link"><a href="some url">Link</a></div>
</div></div>
<div id="song" class="s3">
<div class = "l">foo</div>
<div class="r">
<div>foo</div><div>foo</div>
<div class="link"><a href="some url">Link</a></div>
</div></div>

像这样的还有几个。我必须从第一个 ID 是仅使用 JavaScript 的歌曲<div>获取链接,因为我使用 php 将这些数据获取到<object>标签中。

谢谢:)

你应该像(在文件底部)那样使用 JQuery:

<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
var links = $.map($('div#song .link a'), function(a) { return $(a).attr('href'); });
console.log(links);
</script>

输出:

["some url", "some url", "some url"] 

只注意第一组,

<div id="song1" class="s1">
<div class = "l">foo</div>
<div class="r">
    <div>foo</div>
    <div>foo</div>
    <div class="link"><a href="some url">Link</a></div>
</div>

您可以通过以下方式获取链接,该链接是一些网址

var link = $(".s1").find("a");
console.log(link.attr('href') );