如何为span属性创建正则表达式？ [英] How to create a Regular Expression for a span attribute?

问题描述

好吧，我承认这一点，我吮吸正则表达式。我试图获取属性data-hover-id的值。

我有以下javascript代码：

  var editText = < span class ='hover-content'data-hover-id ='2'>一些文字< / span>; 
 
 var hoverId = -1; 
 
 //获取HoverID（如果存在）
 var regex = /span.*data-hover-id = [']？（（？：。（？！[''']？ \s +（?: \S +）= | [>？ ']。））+）['] /; 
 var result = regex.exec（editText）; 
 if（result.length> 1）{
 hoverId = result [1]; 
 
 $ / code> 

上述代码的结果是hoverId等于'2（撇号2）。

我希望没有引号或撇号的值2。在这种情况下，正则表达式会是什么？有没有更好的方法来做到这一点在Javascript？

解决方案

您可以使您的正则表达式更简单，如：

  var re = /data-hover-id=[\"'](.+)[\"']/; 
 var result = re.exec（str）[1]; 
  

编辑：如果您需要考虑没有引号，请尝试此操作1：

  / data-hover-id = [']？（[^ \s>] +）['' ]？/ 
  

Ok, I admit it, I suck at Regular Expressions. I'm trying to get the value of attribute data-hover-id.

I have the following javascript code:

var editText = "<span class='hover-content' data-hover-id='2' >Some text</span>";

var hoverId = -1;

// Get HoverID if it exists
var regex = /span.*data-hover-id=["']?((?:.(?!["']?\s+(?:\S+)=|[>"']))+.)["']?/;
var result = regex.exec(editText);
if (result.length > 1) {
  hoverId = result[1];
}

The results of the above code is hoverId equals '2 (apostrophe 2).

I want the value 2 without the quote or apostrophe. What would the regular expression be in this case? Is there a better way to do this in Javascript?

解决方案

You can make your regex much simpler like:

var re = /data-hover-id=["'](.+)["']/;
var result = re.exec(str)[1];

Edit: If you need to account for no quotes at all try this one:

/data-hover-id=['"]?([^\s>]+)['"]?/

这篇关于如何为span属性创建正则表达式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！