2014-09-06 6 views
0
<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가 메도를 추가합니다.

당신을위한 다행히
+0

이 아이들을 찾아? –

+0

none 귀하의 예제에서'li'은 자식으로'ul'을 가지고 있습니다 – steo

+0

@steo - 사실, 그들 중 하나가! – adeneo

답변

0

, 그래서 일단 당신이 012를 발견하면개의, 텍스트를 추가 할 <a>

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

고맙습니다. 이것은 나를 위해 일하고있다. – user2333124

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

또는 사용 당신이 <a>에 텍스트를 넣을 것 같습니다 :has

$('li:has(ul)').children('a').text('append some text only here'); 
0
<!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> 
관련 문제