如何用匹配的按钮文本包装元素?

时间:2017-01-19 19:30:24

标签: javascript jquery html

您好我正在尝试append divbutton对应button text

(即在以下示例的情况下,button text"Download",因此我将div class追加为new,如果button text为{{} 1}} 我会"Upload"其他一些append)。

对于div class我正在使用wrap API

这是我的代码



appending div




我正在尝试<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> </head> <body> <button class="btn" title="run">Download</button> <script> $(document).ready(function() { var buttontext = $("button").text(); alert(buttontext); $('button[text="Download"]').wrap("<div class='new'></div>"); }); </script> </body> </html>这样button text,但它无效。

最后我希望输出像这样

&#13;
&#13;
button[text="Download"]
&#13;
&#13;
&#13;

任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:2)

您可以使用jquery&#39; contains方法:

$(document).ready(function() {
  $('button:contains("Download")').wrap("<div class='new'></div>");
});

这是一个有效的代码:

http://codepen.io/egerrard/pen/MJpwdz

关于contains的文档:

https://api.jquery.com/jQuery.contains