Question

我想在特定div中找到一个带有类行的所有div的计数

<div class="input_fields_wrap">
    <div class="row"></div>
    <div class="row"></div>
</div>

我试过这个，但它不起作用......

var div = document.getElementByClassName('input_field_wrap');
var myrows = div.getElementsByClassName('row');
alert(myrows.length);

Answer 1

使用public $id; public $name; public $email; public $db; function __construct() {$this->db=new mysqli('localhost','root','','cart');} public function newsletter_subcribe() {$sql="insert into table (id,name,email) value('$this->id','$this->name','$this->email')"; $this->db->query($sql);}，并检查行是否为父选择器的子项：

document#querySelectorAll

var numOfRows = document.querySelectorAll('.input_fields_wrap > .row').length;
console.log(numOfRows);

为什么您的代码无效：

<div class="input_fields_wrap">
    <div class="row"></div>
    <div class="row"></div>
</div>

//var div = document.getElementByClassName('input_field_wrap');
var div = document.getElementsByClassName('input_fields_wrap'); // typo in getElementsByClassName - missing s in Elements

//var myrows = div.getElementsByClassName('row'); 
var myrows = div[0].getElementsByClassName('row'); // div is an array like object, and you want to get the 1st item

alert(myrows.length);

Answer 2

试试这个：

var levels = this.props.levels.map((level, i) =>
  switch (i) {
    case 1:
      // do something
      break;
    case 2:
      // do something
      break;
    case 3:
      // do something
      break;
  }
  // ...
  <img key={i} src={levelImg} className={styles.level} />
);

假设var myrows = document.getElementsByClassName('row');类仅存在于row div中。如果没有，请更改其名称，以便您可以使用这种非常简单的方法。

Answer 3

您可以使用JQuery选择器执行此操作：

($("#input_field_wrap").find(".row")).length

这很简单。

Answer 4

您需要使用querySelectorAll

var myrows = document.querySelectorAll('.input_fields_wrap > .row');
alert(myrows.length);

查找并计算特定div中的所有行

4 个答案: