当前位置:   jquery > 正文

如何使用jquery从链接中选择href属性?

javascript,regex,jquery,go,html,https,ajax,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开发人员工具,站长工具

我有一个像这样的字符串:

var str = 'anything ...www.example.com/clas  anything';

我想要这个输出:

var newstr: 'anything http://www.example.com/classname/methodname/arg1/arg2 anything';

我怎样才能做到这一点?实际上我几乎可以使用多个来做到这一点str_replace().但是我想知道如何使用正则表达式来做到这一点?

str.str_replace('', '');
str.str_replace('  ', '');

// output:
anything http://www.example.com/classname/methodname/arg1/arg2...www.example.com/clas anything

好吧,如你所见,我无法删除...www.example.com/clas我的输出.

注意: anything在示例中可以是任何单词/句子.顺便说一句,实际上有波斯人物.


Edit1:这是一个例子:

我想替换这个:

This  ... www.example.com/clas  is very good.

有了这个:

This www.example.com/classname/methodname/arg1/arg2/ is very good.

Edit2:我还需要该链接的值.像这样的模式:

[LinkName](LinkAddress)

注意:如果该链接的值不是"无标题",我想创建上面的模式.

例1:

var str = 'anything website name  anything';

我要这个:

var newstr: 'anything [website name](http://www.example.com/classname/methodname/arg1/arg2 anything)';

例2:

var str = 'anything untitled  anything';

我要这个:

var newstr: 'anything http://www.example.com/classname/methodname/arg1/arg2 anything';

A. Wolff.. 6

你可以str在DOM元素中包装,找到任何锚标记,用它自己的href属性替换它,然后返回新的字符串:

var newStr = $('
', {html: str}).find("a").replaceWith(function(){ return $(this).attr('href'); // this.href would give absolute path }).end().text();

var str = 'anything ...www.example.com/clas  anything';

var newStr = $('
', {html: str}).find("a").replaceWith(function(){ return $(this).attr('href'); }).end().text(); console.log(newStr); $('body').append(newStr);



1> A. Wolff..:

你可以str在DOM元素中包装,找到任何锚标记,用它自己的href属性替换它,然后返回新的字符串:

var newStr = $('
', {html: str}).find("a").replaceWith(function(){ return $(this).attr('href'); // this.href would give absolute path }).end().text();

var str = 'anything ...www.example.com/clas  anything';

var newStr = $('
', {html: str}).find("a").replaceWith(function(){ return $(this).attr('href'); }).end().text(); console.log(newStr); $('body').append(newStr);
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/blog/jquery/detail/13630
推荐阅读
  • 如何解决《Javascript增量评估的操作顺序》经验,为你挑选了1个好方法。javascript,increment,operator-precedence,lua,chrome,DevBox,在线流程图,编程,编程问答,程序员,开发者工... [详细]

  • 如何解决《使用Gulp缩小(不透明)ES2015代码》经验,为你挑选了1个好方法。javascript,minify,ecmascript-6,gulp,npm,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,jso... [详细]

  • 如何解决《jQuery第3级导航未按预期工作》经验,为你挑选了0个好方法。javascript,css,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发... [详细]

  • 如何解决《Web开发中间件自动重新加载》经验,为你挑选了0个好方法。webpack,javascript,服务器,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具... [详细]

  • 如何解决《如何将数据表值从整数转换为字符串》经验,为你挑选了1个好方法。javascript,datatables,ajax,json,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,uni... [详细]

  • 如何解决《如何在.cshtml中使用@:》经验,为你挑选了1个好方法。.net,javascript,asp.net-mvc,razor,asp.net-mvc-4,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,j... [详细]

  • 如何解决《量角器检查位置路径》经验,为你挑选了1个好方法。javascript,selenium,automation,angularjs,protractor,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,jso... [详细]

  • 如何解决《JS功能在Chrome中运行,但在Firefox中不起作用》经验,为你挑选了1个好方法。javascript,firefox,jquery,google-chrome,chrome,DevBox,在线流程图,编程,编程问答,程序员... [详细]

  • 如何解决《如何在Javascript中更改类的样式?》经验,为你挑选了1个好方法。javascript,jquery,html,css,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,uni... [详细]

  • 如何解决《JSDoc的输出可以组织成"文件夹"吗?》经验,为你挑选了0个好方法。javascript,commonjs,jsdoc,reactjs,webpack,DevBox,在线流程图,编程,编程问答,程序员,开发者... [详细]

  • 如何解决《在JavaScript中拳击强制?》经验,为你挑选了1个好方法。javascript,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在线开发工具,前端开发工具,开... [详细]

  • 如何解决《将内容推送到数组》经验,为你挑选了1个好方法。javascript,arrays,jquery,local-storage,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生... [详细]

  • 如何解决《MVVM“活页夹”的定义及其用法?》经验,为你挑选了1个好方法。javascript,model-view-controller,design-patterns,mvvm,angularjs,DevBox,在线流程图,编程,编程问... [详细]

  • 如何解决《在webpack文件的顶部添加注释》经验,为你挑选了1个好方法。webpack,javascript,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,unix时间戳,在... [详细]

  • 如何解决《react-native-包含View的FitImage,而不是整个屏幕大小》经验,为你挑选了3个好方法。javascript,flexbox,reactjs,react-native,容器,https,DevBox,在线流程图,... [详细]

  • 如何解决《Angularjs何时何地绑定事件》经验,为你挑选了1个好方法。javascript,event-handling,angularjs,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json... [详细]

  • 如何解决《AngularJS捕获$http操作的所有状态代码?》经验,为你挑选了1个好方法。javascript,angularjs,angular-http,服务器,ajax,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,... [详细]

  • 如何解决《找到具有正好3个除数的数字的更好解决方案》经验,为你挑选了2个好方法。javascript,algorithm,math,算法,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,二维码生成,un... [详细]

  • 如何解决《使用AMPHTML搜索可能吗?》经验,为你挑选了1个好方法。search,amp-html,html,javascript,服务器,https,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,开发工具,json解析,... [详细]

  • 如何解决《如何使用javascript点击<span>.<span>没有类或ID》经验,为你挑选了1个好方法。javascript,css,jquery,DevBox,在线流程图,编程,编程问答,程序员,开发者工具,... [详细]

相关标签
  

闽ICP备14008679号