タグ付けされた質問 「custom-data-attribute」

data属性に基づいて要素を選択する簡単で簡単な方法はありますか？たとえば、というcustomerID値を持つ名前が付けられたデータ属性を持つすべてのアンカーを選択します22。 私はrelそのような情報を格納するために使用したり他の属性を使用したりするのをためらっていますが、格納されているデータに基づいて要素を選択するのははるかに困難です。

1020 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+]); 一致/返却しない… liパーツをハードコードできないのは、これがユーザーがアクセスできる変数であり、必要に応じて別の要素に変更できるため、常にであるとは限らないためliです。 私が欠けているものについてのアイデアはありますか？

994 jquery  jquery-selectors  custom-data-attribute 

私はjQuery流砂プラグインを使用しています。クリックしたアイテムのデータIDを取得して、それをWebサービスに渡す必要があります。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" class="win"> <a id="ctl00_cphBody_ListView1_ctrl0_SelectButton" class="project" href="#"> <img src="themes/clean/images/win.jpg" class="project-image" alt="get data-id" /> </a> </li> </ul> コードスニペットを実行する結果を非表示スニペットを展開

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？ 私の理解では、それ$.dataは$.cacheDOMではなくjQueryの内に保存されます。したがって、$.cacheデータストレージに使用する場合は、を使用する必要があります$.data。HTML5データ属性を追加する場合は、を使用する必要があります$.attr("data-attribute", "myCoolValue")。

513 javascript  jquery  html  custom-data-attribute 

HTML5データ属性（たとえばdata-role）によってCSSの要素を選択することは可能ですか？

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 anonymous type member declarator. Anonymous type members must be declared with a member assignment, simple name or member access. …

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内に要素を作成しています。その後、属性「データ」を追加したいと思います。彼は好きで追加されていますが、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" に設定する呼び出しは機能しません。「古いテキスト」は、属性の現在の値のままです。 data（）の呼び出しを誤って使用していますか？これをウェブで調べたところ、何が悪いのかわかりません。 HTMLマークアップは次のとおりです。 <input data-helptext="Old Text" id="Course_Title" name="Course.Title" type="text" value="" />

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上記の例では有効か、それとも有効でなければならないのdata-modal-target="true"ですか？私はIE9以外のものについては気にしません、私の唯一の要件はそれが有効なHTML5であることです。

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ですか？ 私は多くの異なる解決策を試しましたが、何もうまくいきませんでした。例： $('.slide-link').find('[data-slide="0"]').addClass('active'); 何か案が？

103 jquery  html  css  custom-data-attribute