jquery를 사용하여 <a> 태그에 <i> 태그를 추가하는 방법

릴루 파텔

JQuery를 사용하여 태그에 아이콘에 대한 태그를 추가하려고합니다.

이것은 내가 그것을 추가하는 방법에 대한 코드입니다.

$loginLink = $('ul.nav li:eq(2) a');
$loginLink.append("<i class='icon -login' aria-hidden='true'></i>");

어떤 이유로 작동하지 않습니다 :(

JQuery는 나에게 처음이므로 어떤 도움을 주시면 대단히 감사하겠습니다.

감사.

M'sieur Toph '

이 시도 :

$loginLink = $('ul.nav li:eq(2) a');
alert($loginLink.length); // must be different from 0 (just to be sure your selector is matching a dom element)

$newElement = $("<i>").html("myText")
                      .prop("aria-hidden","true")
                      .addClass("icon")
                      .addClass("-login") ;
$loginLink.append($newElement);

요점은를 사용하여 새 dom 요소를 만드는 것 $newElement = $('<i>')입니다. 그 후 원하는대로 속성과 클래스를 추가합니다. 마지막으로 컨테이너에 추가합니다 $loginLink.

새 요소를 만들면 나중에 필요한 경우 제거 할 수 있습니다.

$newElement.detach(); // detach from dom, but still existing and can be re-appended.

또는

$newElement.remove(); // detach and delete the element.

편집 : 짧은 방법을 사용할 수도 있습니다.

$loginLink.append($("<i>").html("myText")
                          .prop("aria-hidden","true")
                          .addClass("icon")
                          .addClass("-login")
                 );

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

C #을 사용하여 "ul"태그에 "li"를 추가하는 방법

분류에서Dev

Jade-href 태그 안에 추가 href 태그를 추가하는 방법

분류에서Dev

PHP를 사용하여 HTML 태그를 에코하는 방법

분류에서Dev

jQuery를 사용하여 태그를 숨기는 방법?

분류에서Dev

HTML의 메타 태그 내에 Blogger <data :> 태그를 추가하는 방법

분류에서Dev

<tr> 태그의 정확한 위치로 <tr> 태그에 <div> 태그를 추가하는 방법

분류에서Dev

jQuery에서 앵커 태그를 사용하는 방법

분류에서Dev

Consul Watch에 태그를 추가하는 방법

분류에서Dev

제품에 태그를 추가하는 방법

분류에서Dev

Dotnetnuke 7.0에서 표준 태그를 추가하는 방법

분류에서Dev

div 태그에 CSS를 추가하는 방법

분류에서Dev

div 태그에 CSS를 추가하는 방법

분류에서Dev

div에 태그를 추가하는 방법

분류에서Dev

내 Fluentd 이벤트에 태그를 추가하는 방법

분류에서Dev

Prestashop 1.7에서 제품 태그를 추가하는 방법

분류에서Dev

jQuery를 사용하여 <b> 태그에서 굵은 텍스트를 추출하는 방법

분류에서Dev

jQuery에서 시작 태그와 끝 태그를 별도로 추가하는 방법

분류에서Dev

jquery의 다른 span 태그 안에 span 태그를 추가하는 방법은 무엇입니까?

분류에서Dev

javascript를 사용하여 html 태그 끝에 텍스트를 추가하는 방법

분류에서Dev

groovy를 사용하여 XML 파일에 <root> 태그를 추가하는 방법은 무엇입니까?

분류에서Dev

태그를 추가하는 동안 이미지 태그를 피하는 방법

분류에서Dev

XPath 상위 축을 사용하여 ID 태그 위에 IMG 태그를 가져 오는 방법

분류에서Dev

Javascript를 사용하여 HTML 태그를 다른 HTML 태그에 삽입하는 방법

분류에서Dev

MYSQL : 여러 태그를 사용하여 선택하는 방법

분류에서Dev

angularjs 지시문을 사용하여 머리에 스타일 태그를 추가하는 방법

분류에서Dev

HTML을 사용하여 대화 상자 팝업에 iframe 요소 태그를 추가하는 방법

분류에서Dev

XSL을 사용하여 XML에 스타일 시트 태그를 추가하는 방법

분류에서Dev

xpath 및 python을 사용하여 원하지 않는 BR 태그가 포함 된 태그간에 텍스트를 추출하는 방법은 무엇입니까?

분류에서Dev

BeautifulSoup에서 tr 태그 앞에 여러 개의 td 태그를 추가하는 방법

Related 관련 기사

  1. 1

    C #을 사용하여 "ul"태그에 "li"를 추가하는 방법

  2. 2

    Jade-href 태그 안에 추가 href 태그를 추가하는 방법

  3. 3

    PHP를 사용하여 HTML 태그를 에코하는 방법

  4. 4

    jQuery를 사용하여 태그를 숨기는 방법?

  5. 5

    HTML의 메타 태그 내에 Blogger <data :> 태그를 추가하는 방법

  6. 6

    <tr> 태그의 정확한 위치로 <tr> 태그에 <div> 태그를 추가하는 방법

  7. 7

    jQuery에서 앵커 태그를 사용하는 방법

  8. 8

    Consul Watch에 태그를 추가하는 방법

  9. 9

    제품에 태그를 추가하는 방법

  10. 10

    Dotnetnuke 7.0에서 표준 태그를 추가하는 방법

  11. 11

    div 태그에 CSS를 추가하는 방법

  12. 12

    div 태그에 CSS를 추가하는 방법

  13. 13

    div에 태그를 추가하는 방법

  14. 14

    내 Fluentd 이벤트에 태그를 추가하는 방법

  15. 15

    Prestashop 1.7에서 제품 태그를 추가하는 방법

  16. 16

    jQuery를 사용하여 <b> 태그에서 굵은 텍스트를 추출하는 방법

  17. 17

    jQuery에서 시작 태그와 끝 태그를 별도로 추가하는 방법

  18. 18

    jquery의 다른 span 태그 안에 span 태그를 추가하는 방법은 무엇입니까?

  19. 19

    javascript를 사용하여 html 태그 끝에 텍스트를 추가하는 방법

  20. 20

    groovy를 사용하여 XML 파일에 <root> 태그를 추가하는 방법은 무엇입니까?

  21. 21

    태그를 추가하는 동안 이미지 태그를 피하는 방법

  22. 22

    XPath 상위 축을 사용하여 ID 태그 위에 IMG 태그를 가져 오는 방법

  23. 23

    Javascript를 사용하여 HTML 태그를 다른 HTML 태그에 삽입하는 방법

  24. 24

    MYSQL : 여러 태그를 사용하여 선택하는 방법

  25. 25

    angularjs 지시문을 사용하여 머리에 스타일 태그를 추가하는 방법

  26. 26

    HTML을 사용하여 대화 상자 팝업에 iframe 요소 태그를 추가하는 방법

  27. 27

    XSL을 사용하여 XML에 스타일 시트 태그를 추가하는 방법

  28. 28

    xpath 및 python을 사용하여 원하지 않는 BR 태그가 포함 된 태그간에 텍스트를 추출하는 방법은 무엇입니까?

  29. 29

    BeautifulSoup에서 tr 태그 앞에 여러 개의 td 태그를 추가하는 방법

뜨겁다태그

보관