javascript - 获取未点击的 div 的数据属性

Question

我有两个 div。

<div class="my_thing" data-id="123"></div>

<div class="my_thing" data-id="529"></div>

当单击一个 div 时，我想获取被单击的 div 的 data-id 以及未单击的 div 的 data-id 。所以我最终得到了这个对象:

{
  clicked_id = 123,
  not_clicked_id = 529
}

我该怎么做？这就是我到目前为止所拥有的。

$('.my_thing').click(function(){
  var clicked_id = $(this).attr('data-id');
  var not_clicked_id = ?????
});

Answer 1

如果只有 2 个 .my_thing 元素，那么您可以使用 .not()喜欢

var $divs = $('.my_thing').click(function() {
  var clicked_id = $(this).attr('data-id');
  var not_clicked_id = $divs.not(this).attr('data-id');

  log(clicked_id + '-' + not_clicked_id)
});


var log = (function() {
  var $log = $('#log');
  return function(msg) {
    $('<p/>', {
      text: msg
    }).prependTo($log)
  }
})();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="my_thing" data-id="123">123</div>
<div class="my_thing" data-id="529">529</div>

<div id="log"></div>