jquery 문단 및 앵커 링크를 단락에 추가하십시오.

Question

안녕하세요 저는 두 번째 단락 뒤에 일부 내용을 나누고 다음에 다른 내용을 추가 한 후 다음 내용의 나머지 부분을 표시하는 다음 jQuery 코드가 있습니다.

jQuery('#bookDescription > p').slice(2).appendTo('#bookDescription'); 

세 번째 단락에 연결되고 링크되는 두 번째 단락 끝에 더 많은 링크를 추가해야합니다. 일반적으로 이것은 html로 설정하기는 쉽지만 jQuery로 어떻게이 작업을 수행 할 수 있는지 확신 할 수 없습니다.

그래서, 지금 나는 위의 jQuery를에 의해 수행이 같은 (이 :

Paragraph One 
Paragraph Two 
Other content 
Paragraph Three 
Paragraph .... 

을 그리고 추가 할 :

Paragraph One 
Paragraph Two ... Red More 
Other content 
<a name="linkFromReadMore"></a>Paragraph Three 
Paragraph .... 

Answer 1

당신이 이런 식으로 뭔가를 할 수 :

$('p:nth-child(2)').append($('<a>', { 
    'href': '#more', 
    'html': '&hellip;read more' 
})).after($('<p>', { 
    'html': 'other content' 
})).next().next().prepend($('<a>', { 
    'name': 'more' 
})); 

이 일

demo

Answer 2

을 당신이 p 요소를 알고 있다면, 당신은 .after()을 사용할 수 있습니다 http://api.jquery.com/after/ 또는 before()이므로 같은 부모의 새 형제 자매 생성하기 전후에 삽입 할 수 있습니다.

Answer 3

Usin g라는 앵커는 요즘 조금 오래된 학교입니다. 해당 ID를 사용하여 페이지의 모든 지점에 연결할 수 있습니다.

그래서, 더 좋은 방법은 당신이하고있는 것처럼, 처음 두 단락을 제외한 모든 잡아, 다른 사업부로 넣어 될 수도 있음을 알고 :

var $more = $('<div></div>', { 
    id : 'linkFromReadMore' 
}); 

$('#bookDescription > p').slice(2).appendTo($more); 

$('#bookDescription') 
    .append(/* whatever you want in-between */) 
    .append($more) 
;