javascript - jQuery 单击 div 显示错误

Question

我的标记是这样的。我希望当有人单击 div 演示时，它将重定向到第二个 anchor 标记链接。

   <div class="demo">
      <div class="social">
        <ul>
          <li>
            <a class="icon"></a>
          </li>
          <li>
            <a href="http://test.com/page" target="_blank" class="icon"></a>
          </li>
        </ul>
      </div>
    </div>

所以我有这样的 jquery

jQuery(document).ready(function() {
  jQuery(".demo").on('click', function () {
    var link = jQuery(this).find('li:last-child').children('a').attr("href");
    window.location.href = jQuery(link);
  });
});

但是这个在控制台选项卡中显示错误，例如未捕获错误:语法错误，无法识别的表达式:带有链接。那么如何解决这个问题呢？

Answer 1

分配您在链接变量中获得的 href 字符串而不是 jQuery 对象，将链接包装在 jQuery 函数中，将其视为变量传递选择器。我认为您不会定义任何名称等于链接(变量)值的变量

更改

window.location.href = jQuery(link);

至

 window.location.href = link;