Question

我的属性值为：

<div id = "2fComponents-2fPromotion-2f" class = "promotion">

现在我想只得到它的一部分，比如Promotion及其值2f，我怎么能用jquery来得到它？我们有内置功能吗？

Answer 1

您可以在此处使用正则表达式：

var attId = $(".promotion").attr("id");

// Perform a match on "Promotion-" followed by 2 characters in the range [0-9a-f]
var match = attId.match(/Promotion-([0-9a-f]{2})/);

alert(match[1]); // match[0] contains "Promotion-2f", match[1] contains "2f"

这假设Promotion的“值”是十六进制值，字符[a-f]总是小写。它也可以轻松调整以匹配其他值，例如，如果我将正则表达式更改为/component-([0-9a-f]{2})/，则匹配数组将为["component-3a", "3a"]。

match方法将正则表达式作为输入，并在字符串中搜索结果。结果作为匹配数组返回，第一个索引是完全匹配（对此的等效正则表达式只有/Promotion-[0-9a-f]{2}/）。任何子表达式（括在括号中的表达式）匹配按照它们在表达式中出现的顺序添加到数组中，因此表达式的(Promotion)部分将添加到索引1和([0-9a-f]{2})的数组中在索引2处添加。

match method on MSDN

Answer 2

var id = $("div.promotion").attr("id");
var index = id.indexOf("Promotion");
var promotion = '';

// if the word 'Promotion' is present
if(index !== -1) {

    // extract it up to the end of the string
    promotion = id.substring(index);

    // split it at the hyphen '-', the second offset is the promotion code
    alert(promotion.split('-')[1]);
} else {
    alert("promotion code not found");
}

Answer 3

你可以像这样得到id属性：

var id= $('div.promotion').attr('id');

但是我认为你必须使用正则表达式来解析字符串中的数据，格式似乎不是直接的。

如果您在id中存储了大量信息，可以考虑使用多个属性，如：

<div class="promotion" zone="3a-2f-2f" home="2f"></div>

然后你可以得到这样的数据：

var zone= $('div.promotion').attr('zone');
var home= $('div.promotion').attr('home');

或者您可以使用jQuery.data()

HTH

Answer 4

 $(function () {

        var promotion = $('.promotion').attr('id').match(/Promotion-([0-9a-f]{2})/);

        if (promotion.length > 0) {

            alert(promotion[1]);
        }

        else {

            return false;
        }

    });

如何使用jquery获取属性值的一部分

4 个答案: