使用 jQuery 更改链接中的参数

Question

我使用的是 jQuery 1.3.2，我的页面上有一个输入字段，提供要复制的链接，如下所示：http://mydomain.com/resize.php?src=http://www。 externaldomain.com/content/Uploads/everydaymail.jpg&w=533&h=400&zc=1 。我想使用 jQuery 并能够将 w=533 部分更改为 w=300，例如，将 h=400 更改为更改为 h=200 。这是我正在使用的图像调整大小脚本，我希望能够使用我想要的动态值来更改输入框中该链接的高度和宽度参数。

我不擅长正则表达式，任何人都可以提供示例/建议吗？

谢谢。

Answer 1

无论使用什么版本的 jQuery。所有版本都可以设置元素属性值。这里的要点是使用正则表达式来解析这个值并更新参数或者只是从头开始构建链接。

这是链接生成器：:)

$('#build').click(function() {

    var src = $('#src').val();
    var w = $('#w').val();
    var h = $('#h').val();

    var link = "http://mydomain.com/resize.php?src=" + src + "&w=" + w + "&h=" + h + "&zc=1";

    $('#link').attr('src', link).text(link);

});

$('#replace').click(function() {

    var src = $('#src').val();
    var w = $('#w').val();
    var h = $('#h').val();

    var link = $('#link').attr('src')

    link = link.replace(/w=\d{1,4}/i, "w=" + w)
               .replace(/h=\d{1,4}/i, "h=" + w);

    $('#link').attr('src', link).text(link);

});

代码： http://jsfiddle.net/wzc8F/10/

Answer 2

我最终使用：

var newWVal = $('#inputfield').val().replace(/w=[\d\.]+&/g, 'w='+imageWidth+'&');
var newFinalVal = newWVal.replace(/h=[\d\.]+&/g, 'h='+imageHeight+'&');
$('#inputfield').val(newFinalVal);

我认为正则表达式可能更聪明一点，但这种方式也很有效。

感谢您的建议。

Answer 3

尚未测试此代码，因此买者自负...

模板字符串：

var str = "http://mydomain.com/resize.php?src=http://www.externaldomain.com/content/Uploads/everydaymail.jpg&w=XXX&h=YYY&zc=1";  

根据需要使用：

str = str.replace("w=XXX", "w=your_value_here"); 
str = str.replace("h=YYY", "h=your_value_here"); 

HTH。

编辑：

好吧，假设动态变量：

var height = 42;
var width = 42;

str = str.replace( "w=XXXX", "w=" + width ); 
str = str.replace( "h=YYYY", "h=" + height ); 

有意义吗？