1

これを含むhtml.twigファイルがあります

{% set num= 1%}
{% for idea in ideas %}

    <div class="add">
        <a href="#"> Comentar </a>|<a href="#" rel="like{{num}}"> Tomado </a>|<a href="#">Valorar</a>
    </div>
</div>
{% set num= num +1 %}
{% endfor %}

だから私が持っているアイデアの数に応じて、このように好きなものが少なくなります

<a rel="like1" href="#"> Tomado </a>
<a rel="like2" href="#"> Tomado </a>
<a rel="like3" href="#"> Tomado </a>

jqueryでクリックを実行したいが、リンクの数、num変数の値をどのように示すか

   $("a[rel='like']").click(function(){
            alert($("a[rel='like']").text());
    });

何か案が！

4

3 に答える 3

2

属性の値が必要であると想定しrelます。それが本当なら、あなたはこれを試してみるべきです：http: //jsfiddle.net/kakashi/Uqqpr/

私のソリューションでは、このattrメソッドを使用してrel属性の値を取得します。

更新 rel属性に含まれる番号が必要なようです。つまり、「like1」の場合は「1」、「like2」の場合は「2」などが必要です。その場合、このソリューションは次のようにします。

http://jsfiddle.net/kakashi/Uqqpr/1/

*アップデート2-複数桁の「いいね」を考慮*

http://jsfiddle.net/kakashi/Uqqpr/2/ このバージョンでは、正規表現を使用して最後の数値を取得します。

于 2012-10-25T12:35:36.733 に答える
2

このために、このjqueryセレクターを試すことができますjQuery（'[attribute ^ = "value"]'）

このようにコーディングします

 $("a[rel^='like']").click(function(){
            alert($(this).attr("rel"));
    });
于 2012-10-25T12:32:22.677 に答える
1

startsWith次のようにセレクターを使用できます。

$("a[rel^='like']").click(function(){
    var theNumber = this.rel.replace(/[^0-9]/g, ''); 
});

たぶん、あなたはあなたのrel属性から数を解析する必要さえありません（そしてあなたは本当にそのためにデータ属性を使うべきです）：

$("a[rel^='like']").click(function(){
    var theNumber = $(this).index(); 
});

data属性の使用例：

<a href="#" data-num="{{num}}">

$("a[rel^='like']").click(function(){
    var theNumber = $(this).data("num"); 
});

デモ。

于 2012-10-25T12:31:06.397 に答える