jquery 每个函数 -> 类名对于 $(".row > div").each(function(i) {};答案

【问题标题】：jquery each function -> class name is "undefined" for $(".row > div").each(function(i) {};jquery 每个函数 -> 类名对于 $(".row > div").each(function(i) {};
【发布时间】：2017-11-28 18:20:58
【问题描述】：

我收到以下代码的“myval: undefined”消息。我想知道如何获取当前班级的班级名称？

这是我的功能：

$(".row > div").each(function(i) {
            var myval = $(this).attr('class');
             console.log ("myval: " + myval)
});

HTML：

<div class="row">
 <div class="item1">item</div>
 <div class="item2">item</div>
</div>

<div class="row">
 <div class="item3">item</div>
 <div class="item4">item</div>
</div>

<div class="row">
 <div class="item5">item</div>
 <div class="item6">item</div>
</div>

etc.

【问题讨论】：

我无法重现这个。你能提供一个重现 undefined 的小提琴吗？

标签： jquery variables undefined each

【解决方案1】：

我看不出您的代码有任何问题，请检查您是否正确包含了 jQuery 库。

这里的例子： http://jsbin.com/rutameg/edit?html,js,console,output

$(".row > div").each( function() { // Removed i as not in use
            var myval = $(this).attr('class');
             console.log ("myval: " + myval)
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  
  
  
  <div class="row">
 <div class="item1">item 1</div>
 <div class="item2">item 2</div>
</div>

<div class="row">
 <div class="item3">item 3</div>
 <div class="item4">item 4</div>
</div>

<div class="row">
 <div class="item5">item 5</div>
 <div class="item6">item 6</div>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</div>

</body>
</html>

【讨论】：

谢谢，很抱歉我的初始代码有错误，感谢您的努力！

【解决方案2】：

您的代码方法正确，结果符合预期

$(".row > div").each( function(i) { // Removed i as not in use
            var myval = $(this).attr('class');
             console.log ("myval: " + myval)
});

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
</head>
<body>
  
  
  
  <div class="row">
 <div class="item1">item 1</div>
 <div class="item2">item 2</div>
</div>

<div class="row">
 <div class="item3">item 3</div>
 <div class="item4">item 4</div>
</div>

<div class="row">
 <div class="item5">item 5</div>
 <div class="item6">item 6</div>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</div>

</body>
</html>

【讨论】：

谢谢，很抱歉我的初始代码有错误。感谢您的努力！