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

Question

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

<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
        }
    });

如何使用相同的代码更改第二个元素的值？ 我的小提琴我的例子

Answer 1

<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 ）选择的值

Answer 2

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

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

您首先需要进行这些更改。