2012-02-20 8 views
0

を生成:私は、テーブルには、次のようにそれを表現することができる動的に生成されてい動的

<a class="editlink" id="1" href="#">Entry_1</a> 
<a class="editlink" id="2" href="#">Entry_2</a> 
<a class="editlink" id="3" href="#">Entry_3</a> 
<a class="editlink" id="4" href="#">Entry_4</a> 
<a class="editlink" id="5" href="#">Entry_5</a> 

私はHREFアンカー(すなわち"のテキストを取得できませんよEntry_3')。正しく次戻り右インデックス:

var index = $(".editlink").index(this); 

が、この1つは常にリストの最後要素を返します。

var item_name = $(".editlink").eq(index).text(); 

$(この)の.text()は何に

を返しません

$(a#3).text()は何も返しません。(リストもdinamically生成されます)

ありがとうございます。

は私が間違っているものを見つけ、それを修正する方法がわからない:

A LOOPは、行数と以下の表を生成します。

<tr> 
    <td><a class="editlink" id="1" href="#">Item_1</a><td> 
    <td><input type="checkbox" /></td> 
    <td><a class="delete_review" id="1" href="#"><img src="remove.png"/></a></td> 
</tr> 

私は行を削除したいです(ユーザが画像(.delete_review)をクリックし、その部分の作品):

$(".delete_review").click(function() { 
    var index = $(".editlink").index(this); 
    var item_name = $(".editlink").eq(index).text(); 
    alert(item_name); 
} 

私はあなたが私ならばスクリプトが動作することを提供されている例から気づきました同じクラスのリンク(.editlink)を使用してJQueryを呼び出します。

$(".editlink").click(function() { 

が、私は画像のクラスを使用している場合ではない:

$(".delete_review").click(function() { 
+0

'$(this).text()'を試したことがありますか?それにもかかわらず、それは動作するはずです。 http://jsfiddle.netの例を作成してください。 –

+0

これは明らかではありません。**クリックされた**リンクのテキストが必要ですか? – davioooh

+1

'$( 'a#3')。text();'は、リンクが作成された後に呼び出される限り、値を返す必要があります。 –

答えて

0

var item_name = ''; 
$(document).on("click", "a.editlink", function() { 
    item_name = $(this).text(); 
}); 

また試してみてください、にユーザーをジャンプしますhref="#null"href="#"などのように、私は何かをお勧めしますページの上部。

+1

最初のリンクをクリックするとどうなりますか? * edit:*あなたの '.on'呼び出しが正しくありません。 –

+0

誰も言及しなかった。私はon文を追加している間にあなたがコメントしたと思う。 _edit_ダムニット、私はいつも*間違った順序でそれらを取得する]] –

+1

申し訳ありません、私のコメントは本当にひどく読んでいます。あなたの顔や、何かの中で私の指を振っているのではなく、「クリックする人はいない」と私が肩をすくめていると想像してみてください。 –

1

あなたは、イベントハンドラ内から、クリックされたアンカーのテキストを取得しようとしている場合、それはです:

var item_name = $(this).text(); 

サイドノート:あなたのid値はvalid for HTML5ですが、not for HTML4とより有意にnot for CSS; CSSの場合、idの値はになります。数字はになります。 jQueryはCSSスタイルのセレクタを使用してDOM要素を照会するため、有効なCSS idの値をセレクタで使用する場合は、この値を使用することをお勧めします。

0

は、第3リンクのテキストを取得するには(これは、インデックス2を持っている指標であるため0ベース):最新のjQuery 1.7とChromeと私のための

var item_name = $(".editlink").eq(2).text(); 
0
$('#3').html(); 

私はそれが何をすべきと思いますか? :これは、div id = "3"のhtmlを取得します。 なぜクラス名とID名を使用しますか?

<a class="editlink 1" href="#">Entry_1</a> 

$('.editlink.1).html(); 
関連する問題