«custom-data-attribute» 태그된 질문

data속성을 기반으로 요소를 선택하는 쉽고 간단한 방법이 있습니까? 예를 들어, 명명 된 속성 데이터를 보유하고있는 모든 앵커 선택 customerID의 값을 갖는다 22. rel그러한 정보를 저장 하는 데 주저 하거나 다른 속성 을 사용하는 것이 주저 하지만 어떤 데이터가 저장되어 있는지에 따라 요소를 선택하는 것이 훨씬 어렵다는 것을 알았습니다.

1019 jquery  html  custom-data-attribute 

다음과 같은 시나리오가 있습니다. var el = 'li'; <li>페이지에 각각 5 개의 data-slide=number속성 이있는 숫자가 있습니다 (각각 1,2,3,4,5) . 이제 var current = $('ul').data(current);각 슬라이드 변경에 매핑되고 업데이트 되는 현재 활성 슬라이드 번호를 찾아야합니다 . 지금까지 시도가 실패하여 현재 슬라이드와 일치하는 선택기를 구성하려고 시도했습니다. $('ul').find(el+[data-slide=+current+]); 일치하지 않거나 아무것도 반환하지 않습니다… …

994 jquery  jquery-selectors  custom-data-attribute 

jQuery quicksand 플러그인을 사용하고 있습니다. 클릭 한 항목의 데이터 ID를 가져 와서 웹 서비스에 전달해야합니다. data-id 속성은 어떻게 얻습니까? .on()정렬 된 항목의 클릭 이벤트를 다시 바인딩 하는 방법을 사용하고 있습니다. $("#list li").on('click', function() { // ret = DetailsView.GetProject($(this).attr("#data-id"), OnComplete, OnTimeOut, OnError); alert($(this).attr("#data-id")); }); <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script> <ul id="list" class="grid"> <li data-id="id-40" …

813 javascript  jquery  custom-data-attribute 

HTML5와 함께 제공되는 이러한 데이터 속성에 어떤 선택기를 사용할 수 있는지 알고 싶습니다. 이 HTML을 예로 들어 보자. <ul data-group="Companies"> <li data-company="Microsoft"></li> <li data-company="Google"></li> <li data-company ="Facebook"></li> </ul> 선택할 수있는 선택기가 있습니까? data-company="Microsoft"아래의 모든 요소"Companies" data-company!="Microsoft"아래의 모든 요소"Companies" 다른 경우에는 "포함, 이하, 이상 등"과 같은 다른 선택기를 사용할 수 있습니다.

636 javascript  jquery  jquery-selectors  custom-data-attribute 

사용시 $.data와 $.attr사용시 의 차이점은 무엇입니까 data-someAttribute? 내 이해는 DOM이 아닌 $.datajQuery 내에 저장 된다는 것 입니다 $.cache. 따라서 $.cache데이터 저장 에 사용하려면 을 사용해야합니다 $.data. HTML5 데이터 속성을 추가하려면을 사용해야합니다 $.attr("data-attribute", "myCoolValue").

513 javascript  jquery  html  custom-data-attribute 

HTML5 데이터 속성 (예 :)으로 CSS에서 요소를 선택할 수 data-role있습니까?

488 css  html  css-selectors  custom-data-attribute 

ASP.NET MVC 1 프로젝트에서 HTML5 데이터 속성 을 사용하려고합니다 . (저는 C # 및 ASP.NET MVC 초보자입니다.) <%= Html.ActionLink("« Previous", "Search", new { keyword = Model.Keyword, page = Model.currPage - 1}, new { @class = "prev", data-details = "Some Details" })%> 위의 htmlAttributes에서 "data-details"는 다음과 같은 오류를 발생시킵니다. CS0746: Invalid …

325 asp.net-mvc  html  custom-data-attribute 

속성이있는 div가 data-myval = "10"있습니다. 값을 업데이트하고 싶습니다. 사용하면 변경되지 div.data('myval',20)않습니까? 사용해야 div.attr('data-myval','20')합니까? HTML5와 jQuery가 혼동되고 있습니까? 조언 부탁드립니다. 감사! 편집 : 업데이트 div.data('myval')=20에 div.data('myval',20)만, 여전히 HTML이 업데이트되지 않습니다.

233 jquery  html  custom-data-attribute 

HTML의 속성 값이 너무 오래 걸립니까? data-foo="bar"새 응용 프로그램에서 HTML5 스타일 데이터 속성 ( )을 사용하고 있으며 한 곳에서는 데이터를 상당히 많이 저장 (100 자 이상)하는 것이 정말 편리합니다. 나는이 금액이 괜찮다고 생각하지만 너무 많은 양에 대한 질문을 제기합니까?

213 html  custom-data-attribute 

맞춤 데이터 속성 : http://dev.w3.org/html5/spec/Overview.html#embedding-custom-non-visible-data 내가“일”이라고 말할 때, 나는 다음과 같은 HTML이 있다면 의미합니다. <div id="geoff" data-geoff="geoff de geoff"> 다음 JavaScript가 var geoff = document.getElementById('geoff'); alert(geoff.dataGeoff); IE 6에서 "geoff de geoff"가 포함 된 경고를 생성합니까?

173 javascript  internet-explorer  html  internet-explorer-6  custom-data-attribute 

$('div').data('info', 1); alert($('div').data('info')); //this works $('div[data-info="1"]').text('222'); //but this don't work jquery 내에 요소를 만들고 있습니다. 그런 다음 속성 "data"를 추가하고 싶습니다. 그는 좋아하고 추가되었지만 DOM에서는 분명하지 않으며 다음을 사용하여 항목을 가져올 수 없습니다. $('div[data-example="example"]').html() jsfiddle

170 jquery  html  custom-data-attribute 

다음 HTML이 있습니다. <span data-typeId="123" data-type="topic" data-points="-1" data-important="true" id="the-span"></span> 로 시작하는 속성을 가져 와서 아래 코드와 같은 JavaScript 코드 data-에서 사용할 수 있습니까? 지금 은 결과입니다.null document.getElementById("the-span").addEventListener("click", function(){ var json = JSON.stringify({ id: parseInt(this.typeId), subject: this.datatype, points: parseInt(this.points), user: "H. Pauwelyn" }); });

144 javascript  html  custom-data-attribute 

MVC보기에 다음 필드가 있습니다. @Html.TextBoxFor(model => model.Course.Title, new { data_helptext = "Old Text" })</span> 별도의 js 파일에서 data-helptext속성을 문자열 값 으로 설정하고 싶습니다 . 내 코드는 다음과 같습니다. alert($(targetField).data("helptext")); $(targetField).data("helptext", "Testing 123"); alert()호출은 경고 대화 상자의 텍스트 "올드 텍스트"를 보여주고, 잘 작동합니다. 그러나 data-helptext특성을 "Testing 123" 으로 설정하기위한 호출이 작동하지 …

131 jquery  model-view-controller  attributes  custom-data-attribute 

지정된 요소 아래에 인라인 모달을 표시하는 간단한 jQuery 플러그인을 작성하고 싶습니다. 내 생각은 스크립트가 요소에 지정된 데이터 속성을 기반으로 자동 초기화하는 것입니다. 아주 기본적인 예 : <p data-modal-target>Hover over me for an inline modal!</p> <div data-modal-content data-modal-align="right" data-modal-trigger="hover" data-modal-offset="10px"><!-- any desired syntax can go here --></div> data-modal-target위의 예가 유효한지 궁금합니다. …

115 html  custom-data-attribute  html5-data 

다음과 같은 몇 가지 요소가 있습니다. <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> data-slide속성 값이 0(0) 인 요소에 클래스를 추가하려면 어떻게 해야합니까? 나는 많은 다른 해결책을 시도했지만 아무것도 작동하지 않았습니다. 예 : $('.slide-link').find('[data-slide="0"]').addClass('active'); 어떤 생각?

103 jquery  html  css  custom-data-attribute