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

时间:2013-08-28 23:48:40

标签: javascript jquery html html5

我需要帮助的人,我有一个班级.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);

请有人帮助我。

3 个答案:

答案 0 :(得分:2)

尝试使用.each迭代

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

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

});

参见小提琴 - &gt; http://jsfiddle.net/Castrolol/vAnmf/

答案 1 :(得分:2)

根据我的理解,你需要这个

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

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

DEMO

答案 2 :(得分:1)

尝试这个..它将输出你的属性文本,在字符串的开头和结尾没有多余的空格

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