Jquery 如何针对菜单上的所有第一个孩子

Jquery 如何针对菜单上的所有第一个孩子,jquery,wordpress,Jquery,Wordpress,我只想针对我的.sub菜单类中的所有第一个Li元素并应用span元素(插入符号)。我实现了它,但不是我想要的,插入符号类出现在子菜单中的所有Li元素上,我尝试了很多脚本组合,但没有任何效果。如果我使用.first()它只出现在子菜单中除一个子菜单外的li元素上。因此,如果您有一个li元素要删除,它将不会出现在子菜单上。。对不起,我希望你能理解我的想法。是mu菜单现在的样子。使用以下代码: $('.菜单新ul li:has(子菜单)') $('ul.sub-menu')。parent('li')

我只想针对我的
.sub菜单
类中的所有第一个Li元素并应用span元素(插入符号)。我实现了它,但不是我想要的,插入符号类出现在子菜单中的所有Li元素上,我尝试了很多脚本组合,但没有任何效果。如果我使用
.first()
它只出现在子菜单中除一个子菜单外的li元素上。因此,如果您有一个li元素要删除,它将不会出现在子菜单上。。对不起,我希望你能理解我的想法。是mu菜单现在的样子。使用以下代码:

$('.菜单新ul li:has(子菜单)')

$('ul.sub-menu')。parent('li')。append('试试这个,你应该找到子菜单的第一个li,并检查它是否是第一个? 用法:eq(n),其中n是索引。索引以0开头

 //as you have more than one ul with sub-menu class this should work for you
 $('ul.sub-menu').each(function(){

         $(this).find('li'):eq(0).append('<span class=pc-caret></span');

 });
//由于您有多个ul和子菜单类,这应该适合您
$('ul.sub-menu')。每个(函数(){

$(this).find('li'):eq(0).append('试试这个,你应该找到子菜单的第一个li并检查它是否是第一个? 用法:eq(n),其中n是索引。索引以0开头

 //as you have more than one ul with sub-menu class this should work for you
 $('ul.sub-menu').each(function(){

         $(this).find('li'):eq(0).append('<span class=pc-caret></span');

 });
//由于您有多个ul和子菜单类,这应该适合您
$('ul.sub-menu')。每个(函数(){

$(this.find('li'):eq(0).append('您可以使用CSS进行此操作,无需jQuery

ul.sub-menu li:first-child{
  /* Insert your Caret Styles here, instead of the span*/
}

您可以使用CSS实现这一点,而不需要jQuery

ul.sub-menu li:first-child{
  /* Insert your Caret Styles here, instead of the span*/
}
var subclass=$('.menu new ul li').attr('class');
if(子类=='sub-menu'){
$(“.sub-menu-ul-li:first-child”).append('
var-subclass=$('.menu-new-ul-li').attr('class');
if(子类=='sub-menu'){
$(“.sub-menu ul li:first child”).append(“试试这个

/*
$('ul.子菜单')。每个(功能(i,elmt){
$('li:eq(0'),elmt).append('span');
});
*/
//$('ul.sub-menu').eq(0).prepend('span');
$('ul.子菜单')。每个(功能(i,elmt){
$(elmt).prepend('span');
});

  • 项目1
  • 项目2
  • 项目3
  • 项目11
  • 项目21
  • 项目31
  • 项目12
试试这个

/*
$('ul.子菜单')。每个(功能(i,elmt){
$('li:eq(0'),elmt).append('span');
});
*/
//$('ul.sub-menu').eq(0).prepend('span');
$('ul.子菜单')。每个(功能(i,elmt){
$(elmt).prepend('span');
});

  • 项目1
  • 项目2
  • 项目3
  • 项目11
  • 项目21
  • 项目31
  • 项目12

您能重新表述您想要的内容吗?还有您的整个html代码我希望span元素和类“pc caret”只显示在子菜单中的上Li元素上。下面是示例菜单:@UmreteKurvi立即尝试,如果有帮助,请接受我的答案:)@UmreteKurvi似乎有多个ul具有相同的类别。请立即尝试更新答案。您可以重新表述您想要的内容吗?以及您的整个html代码我希望带有类别“pc插入符号”的span元素仅显示在子菜单中的上Li元素上。下面是示例菜单:@UmreteKurvi立即尝试,如果有帮助,请接受我的答案:)@UmreteKurvi似乎有多个ul属于同一类别。请立即尝试更新答案。它有效,但与我在开始时的答案相同。我希望插入符号只显示在上部元素上,就像现在一样,我想删除这个:您对“上部元素”的意思是什么?我想我的例子正是你所描述和要求的:在每个子菜单的每一个第一个li上附加一个span。如果这不是你想要的,请更清楚地描述它。是不是你不想在每个ul子菜单的第一个li上附加一个span,而是作为ul子菜单的第一个元素?这是我想要的,但请看图片ure,它出现在每一个Li元素上。我更新了这个例子。如果我没有弄错的话,它就是你现在想要的…是的,伙计,很抱歉打扰你10次,现在很酷,但只出现在我的第一个子菜单类上,第二个子菜单类上没有任何插入符号,这是我的博客页面,在测试2下检查没有任何插入符号类。www.shreadingnation.comIt wWorks,但它在开始时与我的相同我希望插入符号只显示在上面的元素上,就像现在一样,我想删除这个:你说“上面的元素”是什么意思?我想我的例子正是你所描述和要求的:在每个子菜单的每一个第一个li上附加一个span。如果这不是你想要的,请更清楚地描述它。是不是你不想在每个ul子菜单的第一个li上附加一个span,而是作为ul子菜单的第一个元素?这是我想要的,但请看图片ure,它出现在每一个Li元素上。我更新了这个例子。如果我没有弄错的话,它就是你现在想要的…是的,伙计,很抱歉打扰你10次,现在很酷,但只出现在我的第一个子菜单类上,第二个子菜单类上没有任何caret,这是我的博客页面,在test2下查看没有任何caret类。www.shreadingnation.com