从jquery动态更改所选元素值的属性

时间:2014-06-20 04:17:17

标签: javascript jquery

假设我在父容器中有2个元素。

<div class="myclass" id="myid" myvalue="1"></div>
<div class="myclass" id="secid" myvalue="2"></div>

现在我选择firstitem,我从spinner设置值。和代码将是类似可选插件的东西,但我想为所选项目

分配值
  $('#myspinner').spinner({
        stop: function (event, ui) {
            //change myid myvalue to selected value
        }
    });

我如何使用相同的代码更改第二个元素的值? 我的小提琴my example

2 个答案:

答案 0 :(得分:2)

<div class="myclass" id="myid" myvalue="1"></div>
<div class="myclass" id="secid" myvalue="2"></div>

var spinner = $("#spinner").spinner();
    var selectedDiv = '';

    $('.myclass').click(function () {
        selectedDiv = this;
    });

    $('#myspinner').spinner({
        stop: function (event, ui) {
            $(selectedDiv).html(this.value);
        }
    });

selectedDiv变量将保留通过单击选择的元素。当微调器停止时,将触发stop:功能。这将依次将所选div的html内容设置为使用微调器选择的值(this.value

答案 1 :(得分:0)

您发布的代码不正确。您可能想要查看并重新发布。

如果您希望在点击firstitem时发生点击事件,那么您的选择器应该是$('.firstitem')而不是$('#myspinner')

您需要先进行这些更改。