blocks|key|1336687|text|var+klass+=+document.body.className.match(/\bid\-\d%2B/)[0];|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1336688|unstyled|1336689|要只获取末尾的数字，您可以这样做：|1336690|var+numb+=+klass.split('-').pop();|1336691|但是，如果您甚至不确定是否会有一个数字或一个类，您可能也应该做一些错误处理：|1336692|klass+=+klass.length+?+klass[0].indexOf('-')+?+klass[0].split('-').pop()+:+null+:+null;|1336693|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|E|7|R|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|J|3|K|5|E|7|T|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|U|8|@]|9|@]|A|$B|C]]|$1|N|3|-4|5|E|7|V|8|@]|9|@]|A|$]]]|O|$]]

<pre><code>var klass = document.body.className.match(/\bid\-\d+/)[0];
</code></pre>

<a href="http://jsfiddle.net/ahsKz/2/" rel="nofollow">FIDDLE</a>

to get just the number at the end you can do:

<pre><code>var numb = klass.split('-').pop();
</code></pre>

But if you're not even sure if there will be a number or a class at all, you should probably do some error handling as well :

<pre><code>klass = klass.length ? klass[0].indexOf('-') ? klass[0].split('-').pop() : null : null;
</code></pre>

blocks|key|5265374|text|您可以使用.attr('class')检查标记的返回类|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|5265375|$('body').attr('class')|code-block|syntax|javascript|5265376|然后，您可以应用您的正则表达式|5265377|+/\s%2Bid\-(\d%2B)\s%2B/.exec($('body').attr('class'))|5265378|如果找到匹配项，则所需的id号将位于返回数组的位置1。|5265379|entityMap^0|5|E|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|Y|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|R|$]]

You can check with <code>.attr('class')</code> the returned classes of the tag

<pre><code>$('body').attr('class')
</code></pre>

then you can apply your regex

<pre><code> /\s+id\-(\d+)\s+/.exec($('body').attr('class'))
</code></pre>

if a match is found, the required id number will be in the position 1 of the returned array

blocks|key|3797231|text|也许是这样的？它将使用一个ID，而不是一个类，我认为这可能会更“干净”。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3797232|HTML：|3797233|<div+class="class-a+class-b+class-c"+id="item-6"></div>|code-block|syntax|javascript|3797234|JS：|3797235|var+$item+=+$('.class-a.class-b.class-c');
var+number+=+parseInt($item[0].id.substring(5),+10);
console.log(number);|3797236|小提琴：http://jsfiddle.net/S8vRr/|offset|length|3797237|它获取具有该类模式的所有元素，然后从该集合的第一个元素的id中提取整数。|3797238|编辑：只是阅读了你对OP的评论；看起来你不能设置任何ID。这个答案在理论上可能是可行的，但不幸的是在您的场景中不可行。|style|BOLD|3797239|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/S8vRr/^0|0|0|0|0|0|4|Q|0|0|0|0|3|0^^$0|@$1|2|3|4|5|6|7|14|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|15|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|19|8|@]|9|@$O|1A|P|1B|1|1C]]|A|$]]|$1|Q|3|R|5|6|7|1D|8|@]|9|@]|A|$]]|$1|S|3|T|5|6|7|1E|8|@$O|1F|P|1G|U|V]]|9|@]|A|$]]|$1|W|3|-4|5|6|7|1H|8|@]|9|@]|A|$]]]|X|$Y|$5|Z|10|11|A|$12|13]]]]

Maybe something like this? It would use an ID, rather than a class, which I think might be a bit "cleaner".

HTML:

<pre><code>&lt;div class="class-a class-b class-c" id="item-6"&gt;&lt;/div&gt;
</code></pre>

JS:

<pre><code>var $item = $('.class-a.class-b.class-c');
var number = parseInt($item[0].id.substring(5), 10);
console.log(number);
</code></pre>

Fiddle: <a href="http://jsfiddle.net/S8vRr/" rel="nofollow">http://jsfiddle.net/S8vRr/</a>

It gets all elements with that class pattern, then extracts the integer from the id of the first element of that set.

Edit: Just read your comment on the OP; seems like you can't set any IDs. This answer may have worked theoretically, but unfortunately not in your scenario.

blocks|key|1482011|text|假设您最多有一个id-...类应用于body元素，您可以使用：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1482012|var+classData+=+document.body.className.match(/\bid\-\d%2B\b/),
++++numberData+=+classData+&&+classData[0].substring(3);|code-block|syntax|javascript|1482013|如果不存在这样的匹配，则numberData将为null。|1482014|entityMap^0|8|6|I|4|0|0|C|A|O|4|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]|$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|N|$]]

Assuming you'll have at most one <code>id-...</code> class applied to the <code>body</code> element you can use:

<pre><code>var classData = document.body.className.match(/\bid\-\d+\b/),
 numberData = classData &amp;&amp; classData[0].substring(3);
</code></pre>

<code>numberData</code> will be <code>null</code> if no such matches exist.

blocks|key|1336733|text|var+num;
var+c+=+$("body").attr("class").split("+");
$(c).each(function(index,value){
++++if($(c)[index].match(/%5Eid-/)){
+++++++num+=+$(c)[index].replace(/%5Eid-/,"");
+++++++return+false;
++++}
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1336734|http://jsfiddle.net/itsmikem/h29p4/3/|unstyled|offset|length|1336735|entityMap|0|LINK|mutability|MUTABLE|url^0|0|0|11|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|Q|8|@]|9|@$G|R|H|S|1|T]]|A|$]]|$1|I|3|-4|5|F|7|U|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|E]]]]

<pre><code>var num;
var c = $("body").attr("class").split(" ");
$(c).each(function(index,value){
 if($(c)[index].match(/^id-/)){
 num = $(c)[index].replace(/^id-/,"");
 return false;
 }
});
</code></pre>

<a href="http://jsfiddle.net/itsmikem/h29p4/3/" rel="nofollow">http://jsfiddle.net/itsmikem/h29p4/3/</a>

Is it possible in jquery to get a class from a pattern when an element has multiple classes.

For example

<pre><code>&lt;body class="class-a class-b class-c id-1"&gt;
</code></pre>

the class <code>id-1</code> is not known at runtime but i would like to get that class knowing only that there will be a class in a pattern of "id-" and then the id.

Basically i want the number 1 returned in the above example.

In this example i would want a number 6 returned:

<pre><code>&lt;body class="class-a class-b class-c id-6"&gt;
</code></pre>

Get class by regex/pattern from multiple

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

当一个元素有多个类时，在jquery中可以从一个模式中获取一个类吗？例如<body class="class-a class-b class-c id-1">类id-1在运行时是未知的，但我只想知道将有一个" id -“模式的类，然后是id。基本上，我希望在上面的示例中返回数字1。在这个例子中，我希望返回一个数字6：<body class="class-a class-b class-c id-6

问通过regex/pattern从多个
EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过regex/pattern从多个EN

回答 5

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问通过regex/pattern从多个
EN