jquery append methos

<ul> 
    <li><a href="">not here</a></li> 
    <li><a href="">append some text only here</a> 
    <ul> 
    <li><a href="">not here</a></li> 
    <li><a href="">not here</a></li> 
    <li><a href="">not here</a></li> 
    </ul> 
    </li> 
    <li><a href=""></a>not here</li> 
</ul>

我想追加一些文本只有当li标签有一个孩子ul标签。jquery append methos

来源

2014-09-06 user2333124

如果你要添加的文字吗？ – 2014-09-06 12:53:13

在你的例子中没有'li'有一个'ul'作为孩子 – steo 2014-09-06 12:53:31

@steo - 实际上，其中一个是！ – adeneo 2014-09-06 12:54:39

它看起来像你想要把文本中<a> ，所以一旦你找到了<li>个S，寻找孩子这是<a>

$('li:has(ul)').children('a').text('foobar');

来源

2014-09-06 12:55:55

谢谢。这对我有用。 – user2333124 2014-09-06 13:02:58

幸运的是，jQuery有一个:has()选择

$('li:has(ul) > a').append('something');

FIDDLE

来源

2014-09-06 12:53:26 adeneo

我想在标记里添加文字 – user2333124 2014-09-06 12:59:17

@ user2333124 - 那就加上那个吧？编辑答案！ – adeneo 2014-09-06 13:00:51

这也加入了最后标签内的文字。请检查小提琴。 – user2333124 2014-09-06 13:06:29

$('li a').text(function(i,v){ 
    if($(this).parent().children('ul').length){ 
    return v == 'append some text only here'; 
    } 
});

或者使用:has

$('li:has(ul)').children('a').text('append some text only here');

来源

2014-09-06 12:53:41

<!DOCTYPE html> 

<html lang="en" xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <meta charset="utf-8" /> 
    <title></title> 
    <script src="https://code.jquery.com/jquery-2.1.1.js"> 
    </script> 
</head> 
<body> 
    <ul> 
     <li><a href="">not here</a></li> 
     <li> 
      <a href="">append some text only here</a> 
      <ul> 
       <li><a href="">not here</a></li> 
       <li><a href="">not here</a></li> 
       <li><a href="">not here</a></li> 
      </ul> 
     </li> 
     <li><a href=""></a>not here</li> 
    </ul> 
    <script> 
     $(document).ready(function() { 
      $('li').has('ul').each(function (index) { 
       $(this).find('a').html("test"); 
      }); 
     }); 
    </script> 
</body> 
</html>

来源

2014-09-06 13:01:34 codebased

jquery append methos

回答

相关问题