jQuery를 사용하여 요소의 제목 속성을 변경하는 방법

jQuery를 사용하여 요소의 제목 속성을 변경하는 방법

양식 입력 요소가 있어서 제목 속성을 변경하려고 합니다.이것은 아주 쉬워야 하는데, 어떤 이유에서인지 저는 이것을 하는 방법을 찾을 수가 없습니다.이 작업은 어떻게 수행되며, 어디서 어떻게 수행해야 하는지 검색해야 합니까?

코드를 작성하기 전에 속성과 속성의 차이에 대해 설명하겠습니다.속성은 HTML 마크업의 요소에 적용하는 설정입니다. 그런 다음 브라우저는 마크업을 구문 분석하고 속성 값으로 초기화된 속성을 포함하는 다양한 유형의 DOM 개체를 만듭니다.DOM 개체(예: 단순)HTMLElement속성 컬렉션이 아닌 속성으로 작업하려는 경우가 대부분입니다.

현재 모범 사례는 사용자 지정 속성이거나 속성을 보완할 만한 속성이 없는 경우 속성을 사용하지 않는 것입니다.부터title실제로 많은 시스템에서 읽기/쓰기 속성으로 존재합니다.HTMLElements, 우리는 그것을 이용해야 합니다.

속성과 속성의 차이에 대한 자세한 내용은 여기 또는 여기에서 확인할 수 있습니다.

이것을 염두에 두고, 그것을 조작해 봅시다.title...

요소의 값을 가져오거나 설정titlejQuery가 없는 속성

부터title는 공용 속성이며, 플레인 JavaScript로 이를 지원하는 모든 DOM 요소에 설정할 수 있습니다.

document.getElementById('yourElementId').title = 'your new title';

검색은 거의 동일합니다. 여기서는 특별한 내용이 없습니다.

var elementTitle = document.getElementById('yourElementId').title;

이것은 당신이 최적화 미치광이라면 제목을 바꾸는 가장 빠른 방법이 될 것이지만, 당신이 jQuery에 참여하기를 원했기 때문에:

요소의 값을 가져오거나 설정title jQuery가 있는 속성(v1.6+)

jQuery는 v1.6에서 속성을 가져오고 설정하는 새로운 방법을 도입했습니다.설정 방법title요소의 속성, 사용:

$('#yourElementId').prop('title', 'your new title');

제목을 검색하려면 두 번째 매개 변수를 생략하고 반환 값을 캡처합니다.

var elementTitle = $('#yourElementId').prop('title');

jQuery에 대한 API 설명서를 확인하십시오.

속성을 사용하지 않거나 v1.6 이전 버전의 jQuery를 사용하는 경우 다음을 참조해야 합니다.

요소의 값을 가져오거나 설정title jQuery를 사용한 속성(버전 < 1.6)

변경할 수 있습니다.title 다음 코드를 사용하는 속성:

$('#yourElementId').attr('title', 'your new title');

또는 다음을 사용하여 검색:

var elementTitle = $('#yourElementId').attr('title');

jQuery에 대한 API 설명서를 확인하십시오.

jquery ui 모달 대화상자에서 다음 구성을 사용해야 합니다.

$( "#my_dialog" ).dialog( "option", "title", "my new title" );

믿어요

$("#myElement").attr("title", "new title value")

또는

$("#myElement").prop("title", "new title value")

그 재주를 부려야 합니다.

저는 포맷이 싫지만, jQueryDocs에서 모든 핵심 기능을 찾을 수 있다고 생각합니다.

원하는 경우 jQuery 개체에서 DOM 요소를 가져와 표준 DOM 액세스 프로그램을 사용하는 방법도 있습니다.

$("#myElement")[0].title = "new title value";

"jQuery 방법"은 다른 사람들이 언급한 것처럼 attr() 방법을 사용하는 것입니다.여기에서 attr()에 대한 API 설명서를 참조하십시오.

을 div그리고 a를 추가하려고 합니다.title 게하.

해라

var myDiv= document.createElement("div");
myDiv.setAttribute('title','mytitle');

jqueryTitle({
    title: 'New Title'
});

첫 번째 제목:

jqueryTitle('destroy');

https://github.com/ertaserdi/jQuery-Title

@Cʀʏ 답변 외에 HTML 요소에서 툴팁의 제목이 수동으로 설정되어 있지 않은지 확인합니다.경우, 작은 텍스트를 , 이 함수 나의우, 툴클스이, 왜이JQuery 함때다이냐면하것은문수나의다팁었있경미정에래은된고스팬한스작지가는트텍를고대,.$('[data-toggle="tooltip"]').prop('title', 'your new title');작동하지 않았습니다.

HTML span 클래스에서 title 속성을 제거했을 때 jQuery가 작동하고 있었습니다.

그래서:

<span class="showTooltip" data-target="#showTooltip" data-id="showTooltip">
      <span id="MyTooltip" class="fas fa-info-circle" data-toggle="tooltip" data-placement="top" title="this is my pre-set title text"></span>
</span>

암호화되어야 함:

<span class="showTooltip" data-target="#showTooltip" data-id="showTooltip">
      <span id="MyTooltip" class="fas fa-info-circle" data-toggle="tooltip" data-placement="top"></span>
</span>

언급URL : https://stackoverflow.com/questions/987967/how-to-change-an-elements-title-attribute-using-jquery