Jquery 在附加之前更改 val 的 attr

Question

我有一个文本区域字段，用户可以在其中输入 YouTube 嵌入代码，然后在提交时我获取文本区域的 val 并将其附加到正文。我想在将其附加到正文之前将 ?id=123 添加到嵌入代码中 src 的末尾。做到这一点最简单的方法是什么。附加值应该是修改后的 src

嵌入代码看起来像

<iframe title="YouTube video player" width="480" height="390" src="http://www.youtube.com/embed/aemXgP-2xyg" frameborder="0" allowfullscreen></iframe>

更新代码的 iframe 代码

                var value = $('textarea').val();
                var wmode = '?id=123';
                var value1 = $(value).attr("src", $(value).attr("src") + wmode);                 
                var code = $('<div class="abs embed" id="embedId">' + value1 + '<span class="move"></span></div>');                 
                $(code).appendTo(...

Answer 1

var code = $("#TEXTAREA").val();
var appCode = $(code);
appCode.attr("src", appCode.attr("src") + "?id=123").appendTo($("#parentDiv"));

Answer 2

var iframe = $($("textarea").val());
iframe.attr("src", function(i,v) { return v + '?id=123'; }).appendTo("body");

（使用 Šime Vidas 的解决方案更新）

编辑：如果您有 firebug，在此页面上，您可以将 iframe 代码复制/粘贴到文本区域中，然后在控制台中运行此代码：

var lol = $("textarea").val()
var iframe = $(lol);
var test = iframe.attr("src", function(i,v) { return v + '?id=123'; })
test.appendTo("body");

并且 youtube 视频应插入到末尾页面。

编辑2：要在更新中执行您想要的操作，请尝试：

var value = $('textarea').val(),
wmode = '?wmode=transparent',
value1 = $(value).attr("src", $(value).attr("src") + wmode),
span = $('<span class="move"></span>'),
div = $('<div class="abs embed" id="embedId"></div>');
div.append(value1).append(span).appendTo("body");

Answer 3

所有发布的解决方案都很好并且有效，但我更愿意直接删除 src（如果存在），然后查看它是否确实是有效的视频源。如果你让他们输入html，你的风险会很大！

看看Facebook，你可以输入一个链接，他会识别它是什么，如果他可以只传递youtube链接，而不是搜索整个嵌入代码，这对用户来说会好得多！安全第一！

Answer 4

$(ta.value).attr('src', function(i,v) { return v + s; }).appendTo('body'); 

...其中 s 是要添加到 src 属性的字符串
...以及ts TEXTAREA 元素