選択したdiv jqueryの色を変更する

Question

ユーザーがdivをクリックしてボタンをクリックすると、そのdivの背景色が変更されるため、値を変数として保存する必要があるように関数を作成しようとしています。常に "ストレージ"変数は定義されていないと言われているので、動作させるようには見えません。ページで見ることができます

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<div id="content-link2"> 
    <title>Template 1</title> 
    <link href="http://localhost/fyproject/public/templates/css.css" rel="stylesheet" type="text/css"> 

      <button class="btn btn-default form-control margin color" value="yellow">Background</button> 
      <button class="btn btn-default form-control margin color" value="red">Background</button> 
    <div class="logo"> 
    <img class="images" id="image" src="#" alt="Your Logo"> 
    </div> 
    <div contenteditable="true" id="content" class="draggable ui-widget-content refresh ui-draggable ui-draggable-handle" style="position: relative;"> 
    <p>hlo</p> 
    </div> 
    <div id="comments"> 
    <form name="forma"> 
     <textarea name="commentUser" id="commentUser" class="refresh" cols="40" rows="5">Comments here... 
     </textarea> 
     <br> 
     <input type="submit" value="Ready!" id="send-data"> 
     <!--onClick="writeComment(e);"--> 
     <div id="editTxt" class="refresh" contenteditable="true"> 
     <p>This text can be by the user.</p> 
     </div> 
    </form> 
    </div> 


    </div> 

$(document).ready(function() { 
    $('.color').click(function() { 
    $(storage).css("background-color", $(this).attr("value")); 
    }); 
}); 

$('#content-link2').on('click', 'div', function(e) { 
    var storage = ($(e.target).attr("id")); 
}); 

：ページ全体がで見ることができ、あなたのストレージ変数が第二の機能の範囲内である

https://jsfiddle.net/mbqzL73r/

Answer 1

あなたがクリック外のストレージを宣言して作成する必要があり、両方のクリックイベント

More information about js variable scope

Answer 2

、あなたはグローバル変数として保存を宣言する必要があります。例えば：

var storage = ""; 
$(document).ready(function() { 
    $('.color').click(function() { 
    $(storage).css("background-color", $(this).attr("value")); 
    }); 
}); 

$('#content-link2').on('click', 'div', function(e) { 
    storage = ($(e.target).attr("id")); 
});