从字符串中的变量中提取值

Question

得到了一个带有某些参数和动态值的“简码”。 需要使用 javascript 提取这些值。 这是短代码的样子 [offer-button width="500px" bg="#ff0000" color="#3366ff" padding="40px 50px" text="进来吧！" font="11px" weight="bold" style="italic"]

例如，我想拉取宽度值（在本例中为“500px”）。 我决定在 'width="' 和 '"' 之间拉一段字符串。 虽然，我无法摆脱一种感觉 - 必须有更好的方法。 这是我尝试的代码

<div class="shortcode">[offer-button width="500px" bg="#ff0000" color="#3366ff" padding="40px 50px" text="Come on in!"  font="11px" weight="bold" style="italic"]</div>

var wholeshort = $(".shortcode").html();
var widthstart =  wholeshort.indexOf('width="') + 1;
var widthend = wholeshort.indexOf('"', widthstart);
var widthval = wholeshort.substring(widthstart,widthend);

有了这个，我得到了“idth=”，而不是“500px”

不知道我哪里出错了。

Answer 1

只需使用正则表达式，并捕获一组中width="和以下"之间的内容：

 const match = $(".shortcode").html().match(/width="([^"]+)"/); if (match) { console.log(match[1]); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="shortcode">[offer-button width="500px" bg="#ff0000" color="#3366ff" padding="40px 50px" text="Come on in!" font="11px" weight="bold" style="italic"]</div>

Answer 2

尝试这个

let w = /width="(.*?)"/.exec(s)[1];

其中s包含带有数据的字符串， w包含宽度值。

 let s= $(".shortcode").html(); let w = /width="(.*?)"/.exec(s)[1]; console.log(w);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="shortcode">[offer-button width="500px" bg="#ff0000" color="#3366ff" padding="40px 50px" text="Come on in!" font="11px" weight="bold" style="italic"]</div>