從 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') 。

您首先需要進行這些更改。