동일한 href 속성을 가진 앵커를 포함하는 부모에게 앵커를 추가하십시오.

저는 SO와 jQuery 초보자를 처음 보았습니다. 데이터베이스에서 3 개의 서로 다른 정렬되지 않은 목록으로 동적으로 생성되는 링크가 있습니다. 상위 목록에있는 각 목록 항목의 앵커와 형제가 될 새로운 ul 태그 안의 맨 아래 목록에있는 두 목록의 목록 항목을 추가하려고합니다. href 속성을 일치 시켜서이 작업을 수행해야합니다. 나는 아래 스크립트를 가지고 URL의 마지막 부분을 제외 할 수 있는지 알아보기 시작하여 href 속성을 일치시키는 것이 더 쉬울 것입니다. 어떤 도움이라도 대단히 감사하겠습니다. 이 fiddle 동일한 href 속성을 가진 앵커를 포함하는 부모에게 앵커를 추가하십시오.

HTML과 같은

<script>$(document).ready(function() { 
    var href = $('ul.list li:nth-child(1) a').attr("href"); 
    var n = href.lastIndexOf('/'); 
    alert(href.substring(0, n != -1 ? n : s.length)); 
}); 
</script> 
</head> 

<body> 
    <ul class="list"> 
    <li><a href="http://www.mysite.com/index.html">My Site</a></li> 
    <li><a href="http://www.google.com">Google</a></li> 
    <li><a href="http://www.yahoo.com">Yahoo</a></li> 
    <li><a href="http://www.cnn.com">CNN</a></li> 
    <li><a href="http://www.espn.com">ESPN</a></li> 
    <li><a href="http://www.tsys.com">TSYS</a></li> 
    </ul> 
    <ul class="combination"> 
    <li><a href="http://www.mysite.com/index.html">My Site</a></li> 
    <li><a href="http://www.google.com">To Index Page</a></li> 
    </ul> 
    <ul class="combination2"> 
    <li><a href="http://www.mysite.com/index.html">My Site Too</a></li> 
    <li><a href="http://www.yahoo.com">Yahoo Redux</a></li> 
    </ul> 
</body>

출처

2012-10-19 dmod40

위의 입력에서 예상되는 HTML 출력을 게시하시기 바랍니다. – Tariqulazam

뭔가

<ul class="list"> 
    <li><a href="http://www.mysite.com/index.html">My Site</a></li> 
    <li><a href="http://www.google.com">Google</a></li> 
    <li><a href="http://www.yahoo.com">Yahoo</a></li> 
    <li><a href="http://www.cnn.com">CNN</a></li> 
    <li><a href="http://www.espn.com">ESPN</a></li> 
    <li><a href="http://www.tsys.com">TSYS</a></li> 
</ul> 
<ul class="combination"> 
    <li><a href="http://www.mysite.com/index.html">My Site</a></li> 
    <li><a href="http://www.google.com">To Index Page</a></li> 
</ul> 
<ul class="combination"> 
    <li><a href="http://www.mysite.com/index.html">My Site Too</a></li> 
    <li><a href="http://www.yahoo.com">Yahoo Redux</a></li> 
</ul>

자바 스크립트

$('ul.combination li').each(function() { 
    var element = $('.list li a[href="' + $(this).find('a').attr('href') + '"]'); 

    if (element.siblings('ul').length == 0) { 
     element.after('<ul />'); 
    } 

    element.next('ul').append($(this)); 
})

출처

2012-10-19 01:41:51

완벽! 빠른 답변 감사합니다. – dmod40

동일한 href 속성을 가진 앵커를 포함하는 부모에게 앵커를 추가하십시오.

답변

관련 문제