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'));
});

sugestion：data-attributeの使用により、より堅牢な使用法が提供されます

<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

このように使用します

$("[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 に答える
1

これを試してみてくださいこれはあなたがJsFiddleでデモを達成したいことを願っています

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