解析值到錯誤的區域

Question

我有這樣的代碼。結果1工作正常，但結果2顯示結果1的輸入。

有人可以幫我嗎？

JS：

$(document).ready(function(){ 
    exampleResult1(); 
    function exampleResult1() { 
     $(".exampleResult1 .result").text(
      '<div>' + $(".content").val() + '</div>' 
     ) 
    } 
    $(".exampleResult1 input").keyup(exampleResult1); 


    exampleResult2(); 
    function exampleResult2() { 
     $(".exampleResult2 .result").text(
      '<div>' + $(".content").val() + '</div>' 
     ) 
    } 
    $(".exampleResult2 input").keyup(exampleResult2); 

}) 

HTML：

<div class="exampleResult1"> 
    <p><input type="text" class="content"></p> 
    Code: 
    <div class="code"> 
     <code><div class="result"></div></code> 
    </div> 
</div> 

<div class="exampleResult2"> 
    <p><input type="text" class="content"></p> 
    Code: 
    <div class="code"> 
     <code><div class="result"></div></code> 
    </div> 
</div> 

Answer 1

使用下面的代碼：

$(document).ready(function(){ 
    $('.exampleResult2 .content').keyup(function() 
    { 
     $('.exampleResult1 .result').text($('.exampleResult1 .content').val()); 
    }); 

    $('.exampleResult2 .content').keyup(function() 
    { 
     $('.exampleResult2 .result').text($('.exampleResult2 .content').val()); 
    }); 
}) 

修訂

這是live Preview