Question

所以，我有这段代码：

function getSubs(){
$element = document.getElementsByClassName("comclass");
console.log($element);
$parents = document.getElementsByClassName("parclass");
console.log($parents);
$length = $parents.length;
console.log($length);
}

由于某些未知原因，来自$ parents的控制台日志显示元素的数量，使用chrome控制台查看其长度显示实际长度，但$ length的控制台日志不计算具有类“parclass”的子元素“甚至认为美元父母会向他们展示..有任何想法如何解决它？

编辑：这是一些HTML：

<div id="comment" class="comclass">
<div id="parent" class="parclass">
    <h4>Texto:</h4>asd<br>
    <h4>User:</h4>alan<h6 onclick="inputSub(this)">Com</h6>
    <p id="id">24</p>
</div>
<div id="input"></div>
<div id="childs">
    <div id="comment" class="comclass">
        <div id="parent" class="parclass">
            <h4>Texto:</h4>dd<br>
            <h4>User:</h4>alan<h6 onclick="inputSub(this)">Com</h6>
            <p id="id">25</p>
        </div>
        <div id="input"></div>
        <div id="childs"></div>
    </div> 
</div>
</div>
<div id="comment" class="comclass">
<div id="parent" class="parclass">
    <h4>Texto:</h4>a<br>
    <h4>User:</h4>alan<h6 onclick="inputSub(this)">Com</h6>
    <p id="id">31</p>
</div>
<div id="input"></div>
<div id="childs"></div>
</div>

问题是之后使用PHP和Ajax生成了子内部的“.comment”，并且选择器找不到它。

Answer 1

好吧，既然您使用jQuery标记了问题，我会尝试为您提供一个jQuery实现（这可能会对您有所帮助）：

function getSubs(){
  var element = $(".comclass");
  console.log(element);

  var parents = $(".parclass");
  console.log(parents);

  var length = $(parents).length;
  console.log(length);
}

执行的查询应该返回一个列表，其中包含所有具有名为.comclass（第一个语句）和.parclass（第二个语句）的类的元素

如果这对您没有任何帮助，请编辑发布一些HTML的问题，以便我们重现错误。

长度错误值

1 个答案: