jQuery选择子元素的值

Question

这是我的html，我正在尝试获取“ link ”的值

<li class="nav-parent nav-expanded">
   <a>
   <i class="licon-layers" aria-hidden="true"></i>
   <span>Virtual Servers</span>
   </a>
   <ul id="vms" class="nav nav-children" style="">
      <li value="0">
         <a link="i-2-20-VM">puppet-srv2</a>
      </li>
      <li value="0">
         <a link="i-2-18-VM">puppet-srv1</a>
      </li>
      <li value="0">
         <a link="i-2-24-VM">testing</a>
      </li>
   </ul>

到目前为止，这是我尝试过的，但是没有用：

$("#vms").on("click", "li", function() {
   var href = $(this).children('a').find('link').attr();
    console.log(href);
});

我不确定自己在做什么错，非常感谢您的帮助

Answer 1

您尝试使用.find('link')代码查找属性链接。 由于子元素已经建立，因此只需使用.attr()捕获其属性。 而是尝试以下代码：

更改此：

var href = $(this).children('a').find('link').attr();

进入

var href = $(this).children('a').attr('link');

或者您也可以使用以下代码：

$("#vms").on("click", "li", function() {
  var href = $(this).find('a').attr('link');
   console.log(href);
});

而且我读到你的评论听起来像是：

我用它只是为了保留虚拟机名称的值

如果是这样，您可以为用户定义的属性添加data属性，如下所示：

<a data-link="i-2-20-VM">puppet-srv2</a>

然后获取它的值，只需使用.data()函数，如下所示：

var href = $(this).find('a').data('link');