contenteditable 및 jquery를 사용하여 URL 변경

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

필요하지 않습니까?