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

回答

相關問題