루프 - jQuery를 사용하여 고유 한 ID를 만드는 데 도움이 필요합니다.

슈퍼가 Jquery에 새로 추가되었습니다.루프 - jQuery를 사용하여 고유 한 ID를 만드는 데 도움이 필요합니다.

jquery를 사용하여 루프를 생성하여 각 "섹션"태그에 고유 한 ID를 만들려고합니다. 어떤 이유로, 아래의이 코드는 작동하지 않으며, 나는 혼란 스럽습니다. 그래서 제가 잘못하고있는 아이디어가 있다면 알려주십시오.
또한, 내 li 태그 안에 내 h2 태그를 가져오고 내 li 태그 안에 내 li 태그를 가져 오려고합니다. 어떤 도움도 거기에서 인정 될 것입니다. 이 정보는 모두 내 h1 태그 다음에 추가됩니다. 당신은 두 번 h2 요소를 통해 반복되는

$(document).ready(function() { 
    var h2 = $("h2"); 
    $(h2).each(function(index) { 
     for (var index = 0; index < 4; index++) { 
      $(h2).attr("id", "section" + index); 

      $(h2).attr("href", "#"); 
     } 
    }); 

    var ul = $("<ul></ul>").find("ul"); 
    var list = $("<li></li>").find("li"); 

    $(".content h1").append(h2); 

}); 

HTML ADDITION 

<body> 
<div class="concha"> 
<h1>The love of my life and how we met </h1> 

    <h3>The following is information on the Best thing that's ever  happened to me</h3> 
    <h2>We met at the Park</h2> 
    <p>filler text</p> 
    <p>filler text</p> 

    <h2>We went to the movies</h2> 
    <p>filler text</p> 
    <p>filler text</p> 
    <h2>We had ice cream together</h2> 
     <p>filler text</p> 
     <p>filler text</p> 
    <h2>The end</h2> 
     <p>filler text</p> 
    <p>filler text</p>

출처

2016-08-27 Trying to Learn Javascript

html을 공유 할 수 있습니까? –

모든 h2 태그는 id = "section3"으로 끝나나요? –

그래,하지만 section0, section1, section2, section3 또는 적어도 고유 ID의 일부 유형이 되려고 노력 중입니다. –

감사합니다. 또한 루프에있는 모든 h2 요소를 쓰고 있습니다. 루프에서 this을 사용하여 현재 요소를 호출해야합니다.

$(document).ready(function() { 
    var h2 = $("h2"); 
    var i = 0; // define variable i as your "index" 
    $(h2).each(function(index) { 
     i++; // Increase i by 1 each time you loop through your h2 elements 
     $(this).attr("id", "section" + i); // Use $(this) to pull out the current element 

     $(this).attr("href", "#"); // Again, use $(this) 
    }); 

});

출처

2016-08-27 00:26:01

루프 - jQuery를 사용하여 고유 한 ID를 만드는 데 도움이 필요합니다.

답변

관련 문제