如何使用jQuery在某个类中查找某个元素的属性值？

Question

我需要帮助人员，我有一个.content类，该类具有名为data-time属性，我想从data-time属性中获取该值，之后我想在.content类中显示此值。 但是我的代码效果不好。

我的HTML代码

    <div class="content first" data-time="200"> </div>
    <div class="content second" data-time="300"> </div>
    <div class="content third" data-time="400"> </div>
    <div class="content fourth" data-time="500"> </div>

我的jQuery代码

var time = $(this).find('.content').attr('data-time');
$(this).find('.content').text(time);

请任何人帮助我。

Answer 1

尝试使用.each进行迭代

$(".content", this ).each(function(){

    $(this).text( $(this).attr("data-time") );

});

参见小提琴-> http://jsfiddle.net/Castrolol/vAnmf/

Answer 2

据我了解，您需要这样做

 $(function () {
     $('.content').each(function () {
         var time1 = $(this).attr('data-time');

         $(this).text(time1);
     });
 });

演示

Answer 3

试试这个。它将输出属性文本，字符串的开头和结尾都没有多余的空格

  $(".content").each(function () {
      $(this).text($.trim($(this).attr("data-time")));
  });