jquery - 选择包含某些元素的所有链接

Question

我想选择某些div下的a标签

我的html

<div class='test'>
   <div> 
      <div>
         <a href='#'> bunch of stuff1  </a>
         <a href='#'> bunch of stuff2  </a>
         <a href='#'> bunch of stuff3  </a>
      </div>     
   </div>
</div>

我想将上面的html替换为

<div class='test'>
   <div> 
      <div>
         <a href='#' class='beam' onclick='return false;'> bunch of stuff1  </a>
         <a href='#' class='beam' onclick='return false;'> bunch of stuff2  </a>
         <a href='#' class='beam' onclick='return false;'> bunch of stuff3  </a>
      </div>     
   </div>
</div>

我的代码:

 var texts =$('.test')

 texts.children().children().find('a').each(function(){
        var text = $(this).text();
        $(this).replaceWith("<a href='#' class='beam' onclick='return false;'>" + text + "</a>");
    })

上面的代码似乎不起作用。我无法更改任何 html 结构，也无法提供这些 div id 或 class。感谢您的帮助!

Answer 1

将您的代码替换为:

$('.test div div a').addClass('beam').click(function() {
    return false; 
});

jsFiddle