jquery - 通过 jQuery更改/添加子元素的目标属性的子元素

Question

我有一个<div>喜欢下面

<div class="divClass">
<ul class="ulClass">
    <li id="liID" class="liClass">
        <a href="myLink">
        <span class="spanClass">myText</span>
        </a>
    </li>
</ul>
</div>

现在我想编写一个 jQuery 脚本来读取<a>元素并将目标属性的值设置为_blank.

我浏览了JQuery 更改子元素的属性并得到了一个脚本。但是，它给了我一个像下面这样的脚本

$('.divClass').click(function(e){

$(this).find('.aclass').text("yeeee");
$(this).find('.imgclass').attr("src", "remove_favorit.png");

e.preventDefault(); 

});

我真正想要的是遍历<div>, <ul>，<li>然后伸手到<a>其中并设置target. 我怎样才能做到这一点？

我也经历了子元素的Get属性

Answer 1

我认为你不希望它发生在点击但下面的代码将设置target=_blank点击里面的链接divClass

$(function(){
    $('.divClass .ulClass .liClass').on('click', 'a', function(e){
        $(this).attr('target', '_blank');
        e.preventDefault();
    });
});​

这段代码将在页面加载时完成

$(function(){
    $('.divClass .ulClass liClass a').attr('target', '_blank');
});​

Answer 2

在这里查看http://fiddle.jshell.net/MQfJM/

正如您在图像中看到的，此代码在加载页面时为页面中的所有元素添加了一个目标空白。

假设您只想将 target="_blank" 添加到列表中。你只需要替换它

$('a') with $('ul a')

如果你想在用户点击锚点时添加 target="_blank" 你可以修改我的代码$(document).ready(function(){ /* code */ }) 看起来像

$('a').on( 'click', function(){
   $(this).attr( 'target', '_blank' );
});

Answer 3

您可以使用：$(".divClass > .ulClass > .liClass > a").attr("target", "_blank")

这是一个非常具体的选择器，如果需要，请删除所有“>”。