使用contenteditable和jquery更改網址

Question

將取自MVC actionlink的查詢字符串的一部分替換爲可滿足的文本中的更改出現問題。可以得到第一個按鈕來顯示正確的輸出，但不是其他的。有任何想法嗎？

<br /> 
<div class="largeImageSection"> 
    <div class="galleryImageNameContainer"> 
     <span class="editableText" data-filenameexclext="Change me 1!" >Change me 1!</span> 
    </div> 
    <div class="galleryButtonContainer"> 
     <span class="renameButton" > 
      <a href="http://www.google.com/RenameUploadedFile?fileNameExclExtension=checkthis&fileExtension=.jpg&directory=banners&newFileNameExclExtension=placeHolder"></a> 
      <button onclick="$(this).siblings().first().click();" >Rename</button> 
     </span> 
    </div> 
</div> 
<br /> 
<div class="largeImageSection"> 
    <div class="galleryImageNameContainer"> 
     <span class="editableText" data-filenameexclext="Change me 2!" >Change me 2!</span> 
    </div> 
    <div class="galleryButtonContainer"> 
     <span class="renameButton" > 
      <a href="http://www.google.com/RenameUploadedFile?fileNameExclExtension=checkthis&fileExtension=.jpg&directory=banners&newFileNameExclExtension=placeHolder"></a> 
      <button onclick="$(this).siblings().first().click();" >Rename</button> 
     </span> 
    </div> 
</div> 
<br /> 
<div class="largeImageSection"> 
    <div class="galleryImageNameContainer"> 
     <span class="editableText" data-filenameexclext="Change me 3!" >Change me 3!</span> 
    </div> 
    <div class="galleryButtonContainer"> 
     <span class="renameButton" > 
      <a href="http://www.google.com/RenameUploadedFile?fileNameExclExtension=checkthis&fileExtension=.jpg&directory=banners&newFileNameExclExtension=placeHolder"></a> 
      <button onclick="$(this).siblings().first().click();" >Rename</button> 
     </span> 
    </div> 
</div> 

<script type="text/javascript"> 
    $(".editableText").attr("contenteditable", "true"); 
    var theContent = $(".editableText"); // set the content. 

    $(".renameButton a").click(function (e) { 
     var originalContent = $(".editableText").data("filenameexclext"); 
     var testContent = "newFileNameExclExtension=placeHolder"; 
     var editedContent = "newFileNameExclExtension=" + theContent.html(); 
     $(this).attr("href", $(this).attr("href").replace(testContent, editedContent)); 
     alert(editedContent); 
     e.preventDefault(); 
    }); 

</script> 

Answer 1

你不需要

var theContent = $(".editableText").text(); 

獲得元素中的文本？