使用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(); 

获得元素中的文本？