使用可满足和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();

将文本输入元素？