jqueryでidを取得したものを異なる関数で使いたい

Question

jquery/jsのことで質問です。
以下のようにしたいのですが、どのようにすればいいのでしょうか。

$(document).on('click','.クラス名',function hoge (){
var id = $(this).parents().data('id');
});

$(document).on('click','.異なるクラス',function(){
//hogeで取得したidを表示する。
console.log(id);
});

ご教示よろしくお願いします

Answer 1

通りすがりの者です。

1つ目のスクリプト（hoge）と2つ目のスクリプト（便宜的にfuga）のスコープを考慮すればよろしいかと。
ただし、fugaにてidを表示させるにはfugaより先にhogeが実行される必要がある、という大前提があります。
下記、最小限の修正でidを取得する一例です。

var id;

$(document).on('click','.クラス名',function hoge (){
   id = $(this).parents().attr('id');
});

$(document).on('click','.異なるクラス',function(){
   console.log(id);
});

※.data('id')ではid属性値の取得はできないと思いますよ。（試してませんが、、、）

Comments

[youya66]

参考にさせていただきました。ありがとうございます

Answer 2

function hoge(e) {
hoge.id = $(this).parent().attr("id");
}
$(document).on("click",".cssCls1", hope);

$(document).on("click",".cssCls2",function(e) {
alert(home.id);
});

てな感じでいけません？

Comments

[youya66]

色々なやりかたがあるんですね。勉強になります。
ありがとうございます。

Answer 3

変数のスコープを関数の外側に設ければ共有できます。

※data()になっていたところはタグ属性のidの想定でattr()で試しています。

(function() {

var id;

$(document).on('click', '.class1', function() {
  id = $(this).parents().attr('id');
});

$(document).on('click', '.class2', function() {
  // hogeで取得したidを表示する。
  console.log(id);
});

})();

HTMLを含むコードをCodePenに投稿しました。

Comments

[youya66]

無事解決することができました。ありがとうございます。