1

如何使用jquery更改具有属性值的相应节点的文本

<div class="rating">
    <h2 typename="First">One is First</h2>
    <h2 typename="Second">Two is Second</h2>
    <h2 typename="Third">Three is Third</h2>
</div>

至

<div class="rating">
    <h2 typename="First">First</h2>
    <h2 typename="Second">Second</h2>
    <h2 typename="Third">Third</h2>
</div>

这里我想h2用对应的属性值来改变文本typename。怎么做？

4

5 回答 5

3 
​$(".rating h2").​each(function() {
    $(this).text($(this).attr("typename"));
});​​​​​​

检查工作的 jsFiddle http://jsfiddle.net/PTYZa/

于 2012-05-04T07:38:11.220 回答
2 
$('.rating h2').each(function(){
$(this).text($(this).attr('typename'));
});

建议：数据属性的使用将提供更强大的使用

<div class="rating">
    <h2 data-typename="First">One is First</h2>
    <h2 data-typename="Second">Two is Second</h2>
    <h2 data-typename="Third">Three is Third</h2>
</div>

现在使用 data() 函数。

   $('.rating h2').each(function(){
    $(this).text($(this).data('typename'));
    });

在JsFiddle中查看演示

于 2012-05-04T07:38:48.763 回答
1

试试这个我希望这是你想要在 JsFiddle 上实现 Demo

$('.rating h2').each(function(){    
    $(this).text($(this).attr('typename'));        
        })
于 2012-05-04T07:49:16.067 回答
1

像这样使用

$("[typename]").each(function(){
    $(this).text($(this).attr("typename"));
});​

这是小提琴

于 2012-05-04T07:38:50.357 回答
1 
$('.rating h2').each(function(){
    $(this).text($(this).attr('typename'));
})
于 2012-05-04T07:39:00.327 回答