从子列表LI标记中检索href值

时间:2014-03-20 10:09:17

标签: jquery html

<li class="selected_item">
  <a class="aClass" href="#"></a>
  <ul style="display: block;">
        <li>
          <a href="aURL1"> urlText </a>
        </li>
        <li>
          <a href="aURL2"> urlText </a>
        </li>
  </ul>
</li>

问题:

  • 当基本 LI 标记类时,如何检索第一个 LI 列表中可用的 aURL1 动态设置为 selected_item
  • 为了使用jQuery检索它们,是否必须具有与HTML元素关联的 ID

3 个答案:

答案 0 :(得分:0)

您可以尝试以下方法检索href

var url = $('.selected_item ul a').attr('href')

拥有类/ ID并不是必须的,但是如果你拥有它们就更容易创建一个选择器,但你应该有办法知道要定位哪个元素,如属性值,元素位置等

答案 1 :(得分:0)

可能是这样的

var url = $('.selected_item ul li a:first').attr('href');

此处a:first将选择第一个

Demo Fiddle

答案 2 :(得分:0)

IMO是肯定的,它很可能必须为您的元素提供类或ID,因为它肯定会让您的代码更易于维护,并且可以帮助您更好地定位HTML元素如果您的页面在以后变得越来越复杂,则会更好,更准确。

在您的情况下,您可以使用 .attr() .prop() 来获取主播的href属性:

var href = $('.selected_item ul li a').attr('href'); // or .prop('href')