Javascript 如何修改一个字符串，该字符串在附加jQuery时将更新链接？

我希望用户能够修改一个字符串，以防它是不正确的，它本身已经从一个url参数注入，然后更新与相同的参数链接，无论它是否已更新

<p id="para" contenteditable="true">Placeholder text</p>
<a href="url" class=append">link text</a>

如果参数为空，则替换占位符文本

if(parameter_value!== '') {
    $("#para").html(parameter_value);
}

这将更改来源于url参数的注入字符串的值

$('#para').on('focus', function() {
    before = $(this).html();
}).on('blur keyup paste', function() { 
    if (before != $(this).html()) {
        $(this).trigger('change');
    }
});

这会将参数&值附加到链接

$('a.append').attr('href', function() {
    return this.href + '&' + 'parameter=' + parameter_value;
}

如果用户修改了参数值，则无法将修改后的值添加到最终附加中

如果我把它放在“trigger”之后，它会在console.log中出现变化，因此从我对jQuery的基本理解来看，我相信这是一个范围问题，但我不知道如何让它更新要附加到链接的参数_值

$('a.append').attr('href', function() {
    return this.href + '&' + 'parameter=' + parameter_value;
}

在四处寻找答案之后，我还有一个问题是。这是一种合理的方法还是有更好的方法

---

下面是一些基础知识：

是用户在输入字段中编辑的字符串吗

如果是这样，比如：

$('.field').on('blur', function(e) {
 yourAppendMethod($(this).val());
});

function yourAppendMethod (newString) {
  $('a.append').attr('href', function() {
    return this.href + '&' + 'parameter=' + parameter_value + newString;  //or however you want to implement.
  }
}

---

不，不是。它只是一个遗留的p标记，我在其中添加了contenteditable=true。我们有一些类似的页面，但是这个功能是一个新的请求，所以我想知道这是否可以工作，而不是在表单上胡闹。参数_值需要根据用户输入的内容进行更新：它不是新字符串。