选择与某些元素

我想选择在某些divs选择与某些元素

的a tag我的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。谢谢您的帮助！

来源

2013-08-07 FlyingCat

这种替换代码：

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

jsFiddle

来源

2013-08-07 00:28:46

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

这和上面的一样，但在jQuery中完成。

来源

2013-08-07 00:20:53 Ohgodwhy

这不添加“梁”类，如OP通缉。 –

@BrianRogers真的够了，完全错过了。 – Ohgodwhy

只是删除.children().children()

var texts =$('.test') 

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

来源

2013-08-07 00:21:45 kashimu

修改您的JS如下：

var texts = $('.test') 

texts.find('a').each(function(){ 
    $(this).addClass('beam').on('click', function(){ 
    return false; 
    }); 
});

的jsfiddle可以在这里找到：http://jsfiddle.net/pbwDV/

可以进一步简化texts.find('a')到$('.test')。

这会遍历你的锚，使用addClass添加类名。如果你不想使用.on('click')我想你也可以使用.attr('onclick','return false;')和你的JS会是这个样子：

$('.test a').each(function(){ 
    $(this).addClass('beam').attr('onclick','return false;'); 
});

来源

2013-08-07 00:25:53 Tuanderful

如果你只是想添加一些属性，你也可以这样做：

$('.test a').attr({'class:beam', 'onclick':'return false;'});

好像已经有一些答案可以帮助您达到相同的结果，但您不需要使用.each（）来完成标记。

来源

2013-08-07 00:31:37 Acorn

尝试以下操作：

$('.test>div>div>a').each(function(){ 
    var txt = $(this).text(); 
    $('.test>div>div').html("<a href='#' class='beam' onclick='return false;'>"+txt+'</a>'); 
});

来源

2013-08-07 00:35:20 PHPglue

选择与某些元素

回答

相关问题