javascript - 如何使用 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")));
  });