FontAwesome 아이콘을 인라인으로 유지하면서 앵커 텍스트 변경

크로스

WordPress를 사용하고 있으므로 사용자 지정 JS를 통해서만 HTML을 변경할 수 있습니다.

이것은 HTML입니다

<li class="submit-listing"><a href="http://localhost/proficientlink/post-your-ad/"><i class="fa fa-plus"></i> Submit Listing</a></li>

나는 이미 다음을 모두 시도했습니다.

$(".submit-listing a").html("<i class="fa fa-plus"></i> Post You Ad");

$(".submit-listing a").html(function(){
$(this).find("i").addClass("fa fa-plus");
this.nodeValue = "Post Your Ad";
});

그러나 이들 중 어느 것도 작동하지 않습니다. 나는 또한 이것을 시도했다 : 어떻게 jQuery를 사용하여 텍스트 노드를 얻고, 조작하고, 바꿀 수 있습니까? , 그러나 아무것도 나와 함께 작동하지 않는 것 같습니다.

어쨌든 감사합니다.

앤디

replace작품 사용 :

$('.submit-listing a').html(function (i, el) {
  return el.replace('Submit Listing', 'Post your ad');
});

데모

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

값이 앵커의 텍스트와 같으면 CSS 변경

분류에서Dev

페이지에 따라 앵커 링크의 텍스트 변경

분류에서Dev

호버시 FontAwesome 아이콘을 텍스트로 변경

분류에서Dev

앵커로 페이지 내용 변경

분류에서Dev

텍스트 색상을 인라인으로 변경 하시겠습니까?

분류에서Dev

페이지의 다른 div 앵커 위로 스크롤 할 때 탐색 텍스트 색상을 변경하는 방법

분류에서Dev

위치가 아닌 앵커 포인트 만 변경

분류에서Dev

마커 아이콘을 사용자 지정 아이콘으로 변경 | Mapbox SDK

분류에서Dev

이미지의 앵커 포인트를 중앙으로 이동

분류에서Dev

jquery 앵커 포인트로 고정 요소 텍스트 색상 변경

분류에서Dev

버튼 앵커 포인트 SwiftUI 변경

분류에서Dev

자바 스크립트 프로토 타입 변경 앵커 색상이 작동하지 않음

분류에서Dev

JS / jQuery를 사용하여 인라인 텍스트의 CSS 색상을 동적으로 변경

분류에서Dev

클릭시 Fontawesome 아이콘을 변경하는 Jquery Accordion

분류에서Dev

JavaFX에서 포커스가있는 텍스트 필드의 글로우 아웃 라인 색상을 변경하는 방법은 무엇입니까?

분류에서Dev

앵커 클릭에서 아약스로 변수 전달

분류에서Dev

마우스 커서를 대기 아이콘으로 변경하고 사용자가 컨트롤을 클릭하지 못하도록합니다.

분류에서Dev

경량 웹 사이트 : 지연 로딩 및 앵커 사용

분류에서Dev

프로그래밍 방식으로 높이 앵커를 신속하게 변경 (스토리 보드 없음)

분류에서Dev

인코딩 된 태그가 작동하지 않는 앵커 태그로 텍스트가있는 ASPX 레이블

분류에서Dev

로그인 텍스트 버튼을 로그 아웃으로 변경하거나 그 반대로 변경

분류에서Dev

ng-click 방식으로 클릭시 앵커 태그의 텍스트 변경

분류에서Dev

클릭시 앵커 텍스트를 변경하지만 범위는

분류에서Dev

HTML 앵커, 앵커 포인트에서 정확하지 않음

분류에서Dev

CSS없이 호버 할 때 HTML 앵커 태그를 더 굵게 만들고 인라인 스타일 만 변경하는 방법은 무엇입니까?

분류에서Dev

테이블 / 목록 내에서 앵커 텍스트로 href 찾기

분류에서Dev

부트 스트랩을 사용하여 아이콘 (fontawesome)을 버튼으로 사용할 수 있습니까?

분류에서Dev

텍스트 및 fontawesome 아이콘의 세로 정렬

분류에서Dev

jquery 라이트 박스에서 앵커로 스크롤

Related 관련 기사

  1. 1

    값이 앵커의 텍스트와 같으면 CSS 변경

  2. 2

    페이지에 따라 앵커 링크의 텍스트 변경

  3. 3

    호버시 FontAwesome 아이콘을 텍스트로 변경

  4. 4

    앵커로 페이지 내용 변경

  5. 5

    텍스트 색상을 인라인으로 변경 하시겠습니까?

  6. 6

    페이지의 다른 div 앵커 위로 스크롤 할 때 탐색 텍스트 색상을 변경하는 방법

  7. 7

    위치가 아닌 앵커 포인트 만 변경

  8. 8

    마커 아이콘을 사용자 지정 아이콘으로 변경 | Mapbox SDK

  9. 9

    이미지의 앵커 포인트를 중앙으로 이동

  10. 10

    jquery 앵커 포인트로 고정 요소 텍스트 색상 변경

  11. 11

    버튼 앵커 포인트 SwiftUI 변경

  12. 12

    자바 스크립트 프로토 타입 변경 앵커 색상이 작동하지 않음

  13. 13

    JS / jQuery를 사용하여 인라인 텍스트의 CSS 색상을 동적으로 변경

  14. 14

    클릭시 Fontawesome 아이콘을 변경하는 Jquery Accordion

  15. 15

    JavaFX에서 포커스가있는 텍스트 필드의 글로우 아웃 라인 색상을 변경하는 방법은 무엇입니까?

  16. 16

    앵커 클릭에서 아약스로 변수 전달

  17. 17

    마우스 커서를 대기 아이콘으로 변경하고 사용자가 컨트롤을 클릭하지 못하도록합니다.

  18. 18

    경량 웹 사이트 : 지연 로딩 및 앵커 사용

  19. 19

    프로그래밍 방식으로 높이 앵커를 신속하게 변경 (스토리 보드 없음)

  20. 20

    인코딩 된 태그가 작동하지 않는 앵커 태그로 텍스트가있는 ASPX 레이블

  21. 21

    로그인 텍스트 버튼을 로그 아웃으로 변경하거나 그 반대로 변경

  22. 22

    ng-click 방식으로 클릭시 앵커 태그의 텍스트 변경

  23. 23

    클릭시 앵커 텍스트를 변경하지만 범위는

  24. 24

    HTML 앵커, 앵커 포인트에서 정확하지 않음

  25. 25

    CSS없이 호버 할 때 HTML 앵커 태그를 더 굵게 만들고 인라인 스타일 만 변경하는 방법은 무엇입니까?

  26. 26

    테이블 / 목록 내에서 앵커 텍스트로 href 찾기

  27. 27

    부트 스트랩을 사용하여 아이콘 (fontawesome)을 버튼으로 사용할 수 있습니까?

  28. 28

    텍스트 및 fontawesome 아이콘의 세로 정렬

  29. 29

    jquery 라이트 박스에서 앵커로 스크롤

뜨겁다태그

보관