javascript - (jQuery) 多重拆分自动 href 不起作用

Question

我将在自动 ID 选择器 A 中添加，但不能用于多个选择器。 我创建了这样的代码:

<div class="comment_name"><a id="testing" href="http://test.wordpress.com">Djohan</a></div>
<div class="comment_name"><a id="testing" href="http://test.blogspot.com">Yogi</a></div>

<script>
var ksDOM=document.getElementById('testing').href;
var sprit=ksDOM.split(".")[1]
$(".comment_name a").attr("href",sprit);
</script>

请帮帮我。以下是完整代码的示例: http://www.kangsigit.com/p/editor.html?filename=not_work

Answer 1

ID 应该是唯一的。您可以使用相同的类名，然后使用类选择器来定位它们。您也可以使用 .attr() 的回调函数来设置新的属性值:

$(".comment_name a").attr('href',function(e){
    return $(this).attr('href').split(".")[1];
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

<div class="comment_name"><a id="testing_1" href="http://test.wordpress.com">Djohan</a></div>
<div class="comment_name"><a id="testing_2" href="http://test.blogspot.com">Yogi</a></div>