【问题标题】:how to get 4 with Jquery from <div id="item 4">如何从 <div id="item 4"> 使用 Jquery 获得 4
【发布时间】:2012-02-21 21:31:39
【问题描述】:

如何从 div &lt;div id="item 4"&gt; 获取号码?我有一个帖子 div,我将每个帖子的 id 添加到 php 中的项目 id 中,例如 &lt;div id="item &lt;?php echo $post-&gt;id; ?&gt;"&gt;,然后我需要使用 jquery 获取它

编辑:因为我不知道 ids 不允许带空格,所以我需要从&lt;div id="item_4"&gt; 获取号码

【问题讨论】:

  • ID 不允许包含空格(并不是说它对解决方案有任何影响,请查看this question)。
  • jquery get number from id的可能重复
  • @Asif:如果它应该在 HTML4 和 CSS 选择器中有效,则不是。在这两种情况下,ID 都不允许以数字开头。
  • @FelixKling 谢谢。 . .即使我现在才知道这些知识:)

标签: jquery html jquery-selectors


【解决方案1】:

首先,id 不能包含空格,因此您的 id 应该是 item_4,而不是 item 4

然后你可以这样做:

var this_id = parseInt($('my_selector').attr('id').match(/_([0-9]+)$/)[1]);

这会捕获 id 末尾的所有数字(因此在 item_4 中它得到 4,在 item_4_take_2 中它得到 2)。

【讨论】:

  • 无论是谁 -1'ed,至少发表评论 >_>
【解决方案2】:

我认为它会更易于使用:

使用 div 名称为item1item2itme3 等,然后应用:

var id = $("div").attr('id').replace(/item/, '');

【讨论】:

    【解决方案3】:

    你可以这样做:

    &lt;div id="item_&lt;?php echo $post-&gt;id; ?&gt;" data-postId="&lt;?php echo $post-&gt;id; ?&gt;"&gt;&lt;/div&gt;

    然后您可以使用以下方法在 jquery 中获取 Id:

    $('my_selector').attr('data-postId')

    【讨论】:

    • 更好:使用data-* 属性。 data-postId="..."。这将与 HTML5 兼容。
    猜你喜欢
    • 1970-01-01
    • 2021-09-03
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-02-28
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多