在jquery中将变量作为类名传递

Question

我有班级名称＆＃39; views-row5＆＃39;在变量＆＃39; classN＆＃39;。我想将其传递给jquery以查找类名＆＃39; views-row5＆＃39;使用变量＆＃39; classN＆＃39;并添加课程＆＃39; hello＆＃39;。

＆＃13;

＆＃13;

jQuery(document).ready(function($) {
var classN="views-row5"
$('.carousel-inner li').each(function()
  {$(this).find(classN).addClass('hello');});
 }); 

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner">
  <li>
     <div class="views-row4">1</div>
     <div class="views-row5">2</div>
  </li>
  <li>
     <div class="views-row4">1</div>
     <div class="views-row5">2</div>
  </li>
</div>

＆＃13;

＆＃13;

＆＃13;

Answer 1

jQuery(document).ready(function($) {
  var classN = "views-row5"
  $('.carousel-inner li').each(function() {
    $(this).find("."+classN).addClass('hello');
  });
});

.hello {
  color: red
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner">
  <li>
    <div class="views-row4">1</div>
    <div class="views-row5">2</div>
  </li>
  <li>
    <div class="views-row4">1</div>
    <div class="views-row5">2</div>
  </li>
</div>

1. 添加.以查找您要查找的课程

Answer 2

你忘了.代表选择器中的类

jQuery(document).ready(function($) {
var classN="views-row5"
$('.carousel-inner li').each(function()
  {$(this).find('.'+classN).addClass('hello');});
 });

.hello{
color:green;
font-size:20px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner">
  <li>
     <div class="views-row4">1</div>
     <div class="views-row5">2</div>
  </li>
  <li>
     <div class="views-row4">1</div>
     <div class="views-row5">2</div>
  </li>
</div>

Answer 3

在变量赋值中，您必须为该类添加点。比如var classN=".views-row5"

jQuery(document).ready(function($) {
var classN=".views-row5"
$('.carousel-inner li').each(function()
  {$(this).find(classN).addClass('hello');});
 });

.hello {
color: red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="carousel-inner">
  <li>
     <div class="views-row4">1</div>
     <div class="views-row5">2</div>
  </li>
  <li>
     <div class="views-row4">1</div>
     <div class="views-row5">2</div>
  </li>
</div>

Answer 4

试试这段代码：

jQuery(document).ready(function($) {
   var classN="views-row5"
   $('.' + classN).addClass('hello');
});