0

我是 javascript 和 jquery 的新手。

这个选择器是什么意思：“#LayoutColumn2 > div > div > div > ul”

Contect（它来自的函数）：

function loadNextTier(tierID, changedItemValue) {
    linkArray.length = 0;
$("#placeholderForLoad").load(changedItemValue + " #LayoutColumn2 > div > div > div > ul", function(){
    $("#placeholderForLoad li").each(function(){
        var itemName = $(this).children("a").text();
        var itemValue = $(this).children("a").attr("href");
        linkArray.push(itemValue+";"+itemName);
    });
    if (tierID == "tier1") {
        tierID = "tier2";
    }
    else if (tierID == "tier2"){
        tierID = "tier3";
    }
    else if (tierID == "tier3") {
        tierID = "tier4";
    }
    resetTiers(tierID);
    fillMyList(linkArray, tierID);
});
4

2 回答 2

3

它将匹配以下结构

<any_tag id="LayoutColumn2">
  <div>
    <div>
      <div>
        <ul> <-- matches this tag
          <li>
            <ul> <-- doesn't match. you only fetched children, not descendants

#LayoutColumn2 > div > div > div > ul方法：

得到<ul>那个是 a 的孩子<div>，这是 a 的孩子<div>，这是 a 的孩子<div>，这是一个标签的孩子，其 id 为LayoutColumn。

顺便说一句，“后代”一词是指嵌套在某个元素中的任何元素（无论多深）。CSS 选择器，没有组合器，通常以后代为目标。

术语child或children是指直接后代元素或距离元素仅 1 级深的后代元素。这就是>.

于 2012-06-10T21:33:04.780 回答
1

从右到左阅读：

ul里面div里面div里面div里面的元素id 'LayoutColumn2'

于 2012-06-10T21:33:04.727 回答