JQuery更新数据属性/值 [英] JQuery Update data- attribute/value
本文介绍了JQuery更新数据属性/值的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个看起来像这样的DIV ...利用data-gauge属性。
I have a DIV that looks like this...utilizing the "data-gauge" attribute.
<div class="uib-justgage gauge no_wrap widget uib_w_6" data-uib="widgets/justgage" data-ver="0" id="uib-justgage-3" data-gauge="{'service method':'none','controller type':'single','data path':'not set','title':'Marry','label':'Marry','value':120,'min':0,'max':200,'hideMinMax':0,'hideValue':0,'hideInnerShadow':1}"
data-rpath="null" data-array="not set"></div>
我想做的是通过jQuery更新一些值 - 即value和max到新值。
What I would like to do is update a couple of the values via jQuery - namely "value" and "max" to new values.
它的语法是什么?我是jQuery的新手,并认为它会是这样的:
What would the syntax for that be? I'm new to jQuery and figure it would be something like:
$.("#uib-justgage-3").something.value=x;
$.("#uib-justgage-3").something.max=y;
提前致谢
推荐答案
你可以这样做:
$( "#uib-justgage-3" ).data( "foo", 52 );
$( "#uib-justgage-3" ).data( "bar", { myType: "test", count: 40 } );
然后访问它
var foo= $( "#uib-justgage-3" ).data( "foo");
var bar= $( "#uib-justgage-3" ).data( "bar");
这是一个小例子,它设置数据,然后在你点击时读取它:
Here's a little example, it sets the data, then reads it when you click:
$("#uib-justgage-3").data("foo", 52);
$("#uib-justgage-3").data("bar", {
myType: "test",
count: 40
});
$('#b').click(function() {
var foo = $("#uib-justgage-3").data("foo");
var bar = $("#uib-justgage-3").data("bar");
$('<span>').html("foo: " + foo).appendTo($("#uib-justgage-3"));
$('<span>').html("<br>bar.myType: " + bar.myType).appendTo($("#uib-justgage-3"));
$('<span>').html("<br>bar.counte: " + bar.count).appendTo($("#uib-justgage-3"));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<div id="uib-justgage-3"></div>
<button id="b">Get data</button>
这篇关于JQuery更新数据属性/值的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文