javascript - 仅使用 javascript 获取子元素

标签 javascript php html

请参阅以下代码:

<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>

类似的还有几个。我必须从第一个 <div> 获取链接其 ID 是仅使用 JavaScript 的歌曲,因为我已使用 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"] 

关于javascript - 仅使用 javascript 获取子元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20651321/

相关文章:

php - 从可靠的系统来源自动检测时区

html - MVC Razor View Engine,在引号之间添加逻辑

javascript - jQuery 计数器对结果进行计数(天数 HH :mm:ss)

PHP __FILE__ 给出移动文件的错误位置

javascript - 错误 : Unknown authentication strategy "local" (Express & Passport)

php - 如何从字符串中删除最后一次出现的 OR

html - xtype-selectfield 中的选择栏实现与 datepickerfield 相同

javascript - 如何使用 Jquery 选择特定的嵌套元素

javascript - 在动态添加的内容上使用 jQuery

javascript - 有没有适用于 iphone/ipad 的 javascript 富文本编辑器?