Javascript 如何使用jQuery直接访问span

我想知道如何在下面的html结构中访问此[span class=“myclass”]

        <ul>
    <li class="first">
      <span class="myclass"></span>
      <div class="xx">

        <span></span>
        ........
          </div>
   <li >
      <span class="myclass"></span>
      <div class="xx">

        <span></span>
         ........
      </div>
     </ul>

$（“li”）。下一个（“.xx”）。找到（li span:第一个孩子）…或者还有其他东西吗？ 谢谢

$("li span.myclass")

编辑：那好吧，也许

$("li span:first") //EDIT: Don't do that. See below.

显然：首先。所以：第一个孩子是一条路要走

这将选择每个li元素中的第一个跨度。但这可能是棘手的情况下，你有其他李元素与跨度内

编辑：如果您无法使用现有的类，分配其他类是否有帮助

<span class="myclass newClass"></span>
...
var spans = $("li span.newClass");

返回包含li元素的第一个子元素的所有跨度元素的列表。我不知道jQuery是否将textnodes视为子节点。因此，如果您在

和之间有一个空格，则这可能被算作第一个子项。所以，检查换行符旁边的元素之间是否有空格

编辑：那好吧，也许

$("li span:first") //EDIT: Don't do that. See below.

显然：首先。所以：第一个孩子是一条路要走

这将选择每个li元素中的第一个跨度。但这可能是棘手的情况下，你有其他李元素与跨度内

编辑：如果您无法使用现有的类，分配其他类是否有帮助

<span class="myclass newClass"></span>
...
var spans = $("li span.newClass");

---

返回包含li元素的第一个子元素的所有跨度元素的列表。我不知道jQuery是否将textnodes视为子节点。因此，如果您在

和之间有一个空格，则这可能被算作第一个子项。因此，请检查换行符旁边的元素之间是否有空格。

如果span是第一个子元素，则可以使用

选择器

$("li span:first-child");

---

如果span是第一个子项，则可以使用

选择器

$("li span:first-child");

---

另外，函数应该从span获得调用（一次一个）。它就像一个可扩展的面板。什么函数应该得到什么？你想为每个span调用一个函数吗？使用$。each（$（$）（（$），function（i，val）{…}）；或者一个更好的问题：为什么不能使用class属性？函数也应该从span获得调用（一次一个..就像一个可扩展的面板什么函数应该得到什么？你想为每个跨度调用一个函数吗？使用$.each（$（$）li span:first），function（i，val）{…}）；或者一个更好的问题：为什么你不能使用class属性？但是第二个span在第二个li下呢..我需要从那里调用这个函数吗？它会工作吗？li.first在第二个li下不工作（它没有类）@moxn：我问的是$（“li span:first child”）；正在获取

的引用，但为什么不

@纳闷：我知道。这是我在上一次编辑的帖子中描述的。但是，第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第二个第@moxn：我要问的是，$（“li span:first child”）；正在获得

的参考，但为什么不

@纳闷：我知道。这就是我在上一次编辑我的帖子时所描述的。你为什么不能使用

$（“.myClass”）

？我真的不明白为什么这不是一个选项。也许可以解决你的问题使用该选择器的“问题”是一个更好的答案…您有没有理由不能使用

$（“.myClass”）

？我真的不明白为什么这不是一个选项。也许使用该选择器解决您的“问题”是一个更好的答案。。。