jQuery-on ()을 사용하여 다른 객체를 토글하면서 버튼의 텍스트 변경

요시

HTML은 요소를 켜거나 끄는 버튼 목록입니다.

버튼의 텍스트를 "표시"에서 "숨기기"로 변경하고 싶습니다. complete()콜백 을 사용하여 완료되기를 바랍니다 . 클릭 한 요소에 어떻게 액세스 할 수 있습니까?

이 JS 코드가 있습니다.

  $("body").on("click", ".selector", function(eve) {
     $(".selector", $(this).parent()).toggle(function(){
        $(/*here comes the element that was clicked*/).text(
            function(i,text){
                return text == "show" ? "hide" : "show"; 
            }
        );
     });
  });
tymeJV

참조 저장 this

$("body").on("click", ".selector", function(eve) {
 var that = $(this);
 $(".selector", $(this).parent()).toggle(function(){
    that.text(
        function(i,text){
            return text == "show" ? "hide" : "show"; 
        }
    );
 });
});

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

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

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

동일한 클래스에서 다른 버튼을 클릭하면 jquery를 통한 버튼의 클래스 변경이 다시 변경됩니다.

분류에서Dev

jquery를 사용하여 버튼을 클릭 할 때 텍스트 색상을 어떻게 변경합니까?

분류에서Dev

JQuery를 사용하여 버튼의 텍스트와 일치하지 않는 테이블 행을 숨 깁니다.

분류에서Dev

if else를 사용하여 버튼 (gridview)의 텍스트 변경

분류에서Dev

javascript / css에서 <body>의 텍스트 글꼴 크기를 변경하려면 버튼을 클릭하세요.

분류에서Dev

JQuery를 사용하여 다른 버튼을 클릭하면 클래스 제거

분류에서Dev

CSS를 사용하여 마우스를 가져갈 때 버튼의 텍스트 색상을 변경하려고합니다.

분류에서Dev

jquery를 사용하여 버튼 텍스트를 글꼴 멋진 아이콘으로 변경하는 방법

분류에서Dev

변경시 소스 객체를 사용하여 jquery에서 양식의 이름 속성을 비우는 방법

분류에서Dev

버튼을 사용하여 탐색 모음을 만들거나 탐색 모음에서 텍스트의 글꼴 크기를 변경하는 방법

분류에서Dev

jQuery를 사용하여 토글 버튼 색상 변경

분류에서Dev

Javascript를 사용하여 버튼의 표시 텍스트 변경 및 다시 돌아 가기

분류에서Dev

javascript 또는 jquery로 텍스트 자체를 사용하여 div 텍스트를 변경하고 싶습니다.

분류에서Dev

두 개의 버튼에 onClick () 이벤트를 사용하여 JavaScript에서 두 가지 다른 배경색을 변경하는 방법

분류에서Dev

setTimeout을 사용하여 각 문자의 색상을 변경하려면 텍스트를 반복합니다.

분류에서Dev

여러 버튼을 클릭 한 후 <button> 태그를 사용하여 만든 버튼의 텍스트를 변경하는 방법은 무엇입니까?

분류에서Dev

jQuery를 사용하여 부트 스트랩 버튼 스타일을 변경하는 방법

분류에서Dev

CSS 및 JQuery를 사용하여 클릭 한 테이블 행의 텍스트 색상을 변경하는 방법

분류에서Dev

attr ()을 사용하여 jquery 변경 HTML 속성은 객체 객체를 반환합니다.

분류에서Dev

입력 텍스트 값을 다른 페이지 jQuery를 사용하여 다른 입력 텍스트로 전달

분류에서Dev

버튼을 클릭하여 element (a)의 텍스트 변경

분류에서Dev

JQuery를 사용하여 스팬 텍스트를 변경할 수 없습니다.

분류에서Dev

button.value는 버튼의 텍스트 값을 변경하지 않습니다.

분류에서Dev

두 개의 버튼 (포지티브 / 네거티브)을 사용하거나 하나를 사용하여 텍스트를 변경 하시겠습니까?

분류에서Dev

라디오 버튼을 특정 클릭하면 jquery를 사용하여 mvc에서 텍스트 상자 / 드롭 다운 목록을 활성화합니다.

분류에서Dev

Android Studio에서 버튼을 누른 후 내 버튼의 텍스트를 어떻게 변경합니까?

분류에서Dev

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

분류에서Dev

jQuery를 사용하여 레이블을 빈 텍스트 상자로 변경

분류에서Dev

텍스트가 다른 것으로 변경 될 때 Selenium과 Python을 사용하여 버튼을 클릭하려면 어떻게해야합니까?

Related 관련 기사

  1. 1

    동일한 클래스에서 다른 버튼을 클릭하면 jquery를 통한 버튼의 클래스 변경이 다시 변경됩니다.

  2. 2

    jquery를 사용하여 버튼을 클릭 할 때 텍스트 색상을 어떻게 변경합니까?

  3. 3

    JQuery를 사용하여 버튼의 텍스트와 일치하지 않는 테이블 행을 숨 깁니다.

  4. 4

    if else를 사용하여 버튼 (gridview)의 텍스트 변경

  5. 5

    javascript / css에서 <body>의 텍스트 글꼴 크기를 변경하려면 버튼을 클릭하세요.

  6. 6

    JQuery를 사용하여 다른 버튼을 클릭하면 클래스 제거

  7. 7

    CSS를 사용하여 마우스를 가져갈 때 버튼의 텍스트 색상을 변경하려고합니다.

  8. 8

    jquery를 사용하여 버튼 텍스트를 글꼴 멋진 아이콘으로 변경하는 방법

  9. 9

    변경시 소스 객체를 사용하여 jquery에서 양식의 이름 속성을 비우는 방법

  10. 10

    버튼을 사용하여 탐색 모음을 만들거나 탐색 모음에서 텍스트의 글꼴 크기를 변경하는 방법

  11. 11

    jQuery를 사용하여 토글 버튼 색상 변경

  12. 12

    Javascript를 사용하여 버튼의 표시 텍스트 변경 및 다시 돌아 가기

  13. 13

    javascript 또는 jquery로 텍스트 자체를 사용하여 div 텍스트를 변경하고 싶습니다.

  14. 14

    두 개의 버튼에 onClick () 이벤트를 사용하여 JavaScript에서 두 가지 다른 배경색을 변경하는 방법

  15. 15

    setTimeout을 사용하여 각 문자의 색상을 변경하려면 텍스트를 반복합니다.

  16. 16

    여러 버튼을 클릭 한 후 <button> 태그를 사용하여 만든 버튼의 텍스트를 변경하는 방법은 무엇입니까?

  17. 17

    jQuery를 사용하여 부트 스트랩 버튼 스타일을 변경하는 방법

  18. 18

    CSS 및 JQuery를 사용하여 클릭 한 테이블 행의 텍스트 색상을 변경하는 방법

  19. 19

    attr ()을 사용하여 jquery 변경 HTML 속성은 객체 객체를 반환합니다.

  20. 20

    입력 텍스트 값을 다른 페이지 jQuery를 사용하여 다른 입력 텍스트로 전달

  21. 21

    버튼을 클릭하여 element (a)의 텍스트 변경

  22. 22

    JQuery를 사용하여 스팬 텍스트를 변경할 수 없습니다.

  23. 23

    button.value는 버튼의 텍스트 값을 변경하지 않습니다.

  24. 24

    두 개의 버튼 (포지티브 / 네거티브)을 사용하거나 하나를 사용하여 텍스트를 변경 하시겠습니까?

  25. 25

    라디오 버튼을 특정 클릭하면 jquery를 사용하여 mvc에서 텍스트 상자 / 드롭 다운 목록을 활성화합니다.

  26. 26

    Android Studio에서 버튼을 누른 후 내 버튼의 텍스트를 어떻게 변경합니까?

  27. 27

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

  28. 28

    jQuery를 사용하여 레이블을 빈 텍스트 상자로 변경

  29. 29

    텍스트가 다른 것으로 변경 될 때 Selenium과 Python을 사용하여 버튼을 클릭하려면 어떻게해야합니까?

뜨겁다태그

보관