标签: custom-data-attribute

我可以使用jquery .data属性,并且警报确认它有效,但我没有在使用firebug的页面中看到数据属性.

$('#something').data('foo', 52);        
alert($('#something').data('foo'));     

无法在任何地方找到这个,也许有人知道或可以提出建议.

我有一个很多的表单<inputs>,我想发送带有jQuery $.ajax功能的表单,所以我做了$('#myform').serialize()并发送它作为json.

现在我的表单更高级并且具有HTML5 data-属性,我也想发送它,但是.serialize()看不到它们.

我尝试将它们放入<form>标签,<input>标签 - 没有任何作用.

抓住它们并发送所有表单数据的最佳做法是什么？我知道.serializeArray(),但是如何获得data-我的<form>标签附加序列化的所有属性？

鉴于html如:

<div data-points="800">Jonh</div>
<div data-points="200">Jack</div>
<div data-points="1200">Julian</div>

如何选择元素的值是否优于1000(x> 1000)？

偏好:通过CSS选择器.如果没有这样的话,那么我会重新询问JQuery/JS的答案.

最终使用:

var x = 1000;
$("div").each(function() {
    if ($(this).attr('data-points') > x) {
        $(this).addClass('larger-than-x'); // Or whatever
    }
});

我的表单中有一个asp复选框:

<asp:CheckBox id="option" runat="server" OnCheckedChanged="checkChange" data-attributeA="somevalue1" data-attributeB="somevalue2" AutoPostBack="true" />`

在我的OnCheckedChanged事件中,我想要检索这两个数据属性.

protected void checkChange(object sender, EventArgs e) {}

我怎么做？

我正在尝试在我的网站上在灯箱中制作自定义数据属性.我只是在Javascript中为一个元素制作它并且它工作正常,但我想让它在多个元素中工作.

它现在是如何工作的:我有一个id为"image-1"的"a"元素,我想让javascript识别id image-2,3,4 ...并从自定义属性中显示正确的数据.请注意,我无法使用onclick,因为它使灯箱停止工作.

这是HTML:

<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
    <div  class="thumbnail grid-wrapper thumbnail-single">
        <a id="image-1" href="img/photo2.jpeg" data-tags="<li>t31232est</li> <li>test</li>" data-fb="http://test1.pl" data-tt="http://test2.pl" data-gplus="http://te23432st3.pl"  data-lightbox="roadtrip" data-title="This is a caption. This is a caption This is a caption This is a caption"><img src="img/photo2.jpeg" class="img-responsive" alt="..."></a>
    </div>
</div>
<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
    <div  class="thumbnail grid-wrapper thumbnail-single">
        <a id="image-2" href="img/photo3.jpg" data-tags="<li>test</li> <li>test</li>" data-fb="http://test55.pl" data-tt="http://test253342.pl" data-gplus="http://tes32423t3.pl"  data-lightbox="roadtrip" data-title="This is a caption. This is a caption This is a caption This is a caption"><img src="img/photo3.jpg" …

在元素上我可以指定数据属性,例如

<div data-widget-type="MyWidgetType1" data-property1="20" data-property2="test">
...
</div>

我想在课堂上捕捉这些

.MyClass1 {
 data-widget-type:"MyWidgetType1";
 data-property1:"20";
 data-property2:"test";
}

<div class="MyClass1">
...
</div>

有没有办法在CSS中指定数据属性值？

我正在使用这个标记

<label> Date <input type="text" data-datepicker="{maxDate: '+1d'}" /></label>
<label> Another date <input type="text" data-datepicker="" /></label>
<script>
$('[data-datepicker]').each(function() {
      // init the options var with some default values (dateFormat etc)
      // that can be overridden by the data-datepicker values
      // also, new values can be added to the options from data-datepicker
      // such as in the above example "maxDate"
      var options = TODO;      

      $(this).datepicker(options);
});
</script>

我真的不知道从哪个选项对象开始.从默认值开始似乎是一个好的开始

var options = { dateFormat: 'yy-mm-dd }; 

但后来我如何添加/覆盖数据属性的值..我只是不知道

我这里有一个清单

<ul id="demo2" data-name="demo2">
    <li data-value="here">here</li>
    <li data-value="are">are</li>
    <li data-value="some...">some</li>
    <!-- notice that this tag is setting a different value :) -->
    <li data-value="initial">initial</li>
    <li data-value="tags">tags</li>
</ul>

每个li项目都有自定义数据属性.在JQuery上,如何获得具有data-value属性的每个li元素的所有值？我想得到他们的价值.

但是我的这个代码似乎没有起作用

        $('#view-tags').click(function(){
            $('li[data-value]').each(function(){
                alert($(this).data("value"));
            })
    });

关于jsfiddle的整个代码:http://jsfiddle.net/Zn3JA/

在我的视图中,我有一个按钮如下:

<button data-assigned-id="@IdUser" onclick="updateClick()" type="button" class="btn btn-sm btn-default"></button>

我的div

<div id="partial_load_div">

</div>

脚本

function updateClick() {
    var id = $(this).data('assigned-id');
    $('#partial_load_div').show();
    $('#partial_load_div').load('/Users/UpdatePartial?id=' + id);
}

id始终显示为未定义,我检查并@IdUser始终值

然后在chrome dev我得到了错误

GET http:// localhost:19058/Users/UpdatePartial？id = undefined 400(错误请求)

知道如何解决这个问题吗？

我将属性名称存储在字符串中的某个位置,并且需要一种方法来创建与datasetapi 一起使用的更正名称.我得到属性样式的名字,比如data-attrib-name.所以我需要将它们转换为驼峰盒并移除data-它前面.

我现在发现的最短路是下面的替换.但这对我来说有点不好意思.我的任务有更好的解决方案/更短的方式吗？

console.log(
  "data-my-test-name"
    .replace('data-', '')
    .replace(/-([a-z]?)/g, (m, g) => g.toUpperCase())
);