如何检查div中孩子的类型？

Question

我想检查放在div中的元素的类型。我无法引用子元素。我尝试过使用以下内容：

$("#"+styleTarget).siblings(0).get(0)tagName

其中styleTarget是包含父div的id的变量。

Answer 1

孩子和兄弟姐妹之间存在差异。在下面的示例中，所有<li>都是<ul>的子项。每个<li>都是所有其他<li>元素的兄弟，因为它们在DOM树中处于同一级别。

<ul class="parent">
  <li>List 1</li>
  <li>List 2</li>
  <li>List 3</li>
</ul>

您应该使用.children()，如http://api.jquery.com/children/所述。

$("."+styleTarget).children().get(0).tagName

Answer 2

你可以这样：

var tagName = $("#"+styleTarget+" *")[0].tagName; //or...
var tagName = $("#"+styleTarget+" :first-child")[0].tagName;

重要的部分是选择者之间的空间。

Answer 3

我认为您需要查看children()函数，除非您只想查看特定项目，然后，如GenericTypeTea建议的那样，使用:first-child或nth-child选择器

http://api.jquery.com/children/