JQuery 更新数据-属性/值

2024-03-23

我有一个看起来像这样的 DIV...利用“data-gauge”属性。

<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”为新值。

其语法是什么?我是 jQuery 新手,我认为它会是这样的:

 $.("#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");

这是一个小例子,它设置数据,然后在单击时读取它:

    $("#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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JQuery 更新数据-属性/值 的相关文章

随机推荐