獲取未點擊的div的數據屬性

Question

我有兩個div。

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

<div class="my_thing" data-id="529"></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>