使用JavaScript

Question

我正在尝试使用JavaScript

引用标记中的Html标记

<a class="itemAnchor" role="menuitem" tabindex="-1" href="#" rel="async-post" ajaxify="12345">
<span class="itemLabel fsm">Delete This Photo</span>
</a>

如您所见，span标记位于锚标记内，但我只能引用锚标记，因为它具有唯一的'ajaxify'值。目前我有变量引用锚标记，但我不知道如何引用span元素。我尝试使用a.getElementsByTagName('span')[0]但它没有用。

谢谢。

Answer 1

您可以使用children或childNodes来获取子节点

HTML代码

<a class="itemAnchor" role="menuitem" tabindex="-1" href="#" rel="async-post"  ajaxify="12345" id="parentTag">
<span class="itemLabel fsm">Delete This Photo</span>
</a>

JS

var elem = document.getElementById('parentTag');
elem.addEventListener('click',function(){
    alert(elem.children[0]);
})

此JSFIDDLE中的演示 另请注意children＆amp;之间的区别。 childNode

Answer 2

不确定JQuery是否可以选择，但这是一个解决方案

$('a[ajaxify="12345"] span')

• a引用了锚标记
• [ajaxify="12345"]使用该值引用该属性
  • 由于没有空格，因此必须是具有该属性的锚标记
• span使用属性查找锚标记内的范围，因为它在范围之前有空格

示例： http://jsfiddle.net/tkfde18r/