0

テーブルにボタンがあります。ボタンをクリックすると行全体が削除されます。私が使用したロジックを変更しようとしないでください。

現在、ボタンをクリックすると、そのボタンが表示idされ、それに基づいて、id同じクラス名を持つDOMから要素（完全な行）を削除する必要があります。

JavaScript

$(".removeAKA").click(function () {
    // alert($(this).val());
    var id = this.id;
    alert(id);
    $("." + id).remove();
});

HTML

<tr class="aka 1" id="sdf">
  <td>AKA 1</td>
  <td><input class="text-box single-line" id="aka_1_" name="aka[1]" type="text" value="2" /></td>
  <td><input type="button" class="removeAKA" id="aka 1" value="Delete" /></td>
</tr>​

これがjsfiddleの私のコードです

4

6 に答える 6

3

スペースを維持したい場合のHiyaデモ：http： //jsfiddle.net/59RA2/9/ または http://jsfiddle.net/59RA2/31/ または http://jsfiddle.net/59RA2/32/

お役に立てれば。

.Jqueryがコードを解釈しようとしたときにスペースが認識されないため、スペースをに置き換えました。

また

$(this).closest('tr').remove();行を削除するために使用することもできます。

または あなたが使用することができます $("table ."+id).remove();

さらに遠く：

jQuery：セレクター（スペース付きのクラス名）

jQueryは、非標準のID文字を含むテーブル行を削除します

引用

クラス名にスペースを含めることはできません。あなたが持っているものには2つのクラスがあります：

このdivには、panelとcurrentの2つのクラスがあります。それは簡単に選択できます：

$（ "div.panel.current"）...つまり、クラスパネルとクラス電流を持つすべてのdivを選択します。

コード

スペースを。に置き換えるだけです。それ以外の場合は、間にスペースを入れることはできません。

よろしくお願いします！

于 2012-04-12T10:28:52.130 に答える
0

クラス名とIDにスペースを含めることはできません。スペースを削除し、HTMLを適切にフォーマットすると、機能します。

あなたの例： http： //jsfiddle.net/EFmRM/7/

分離された例：http：//jsfiddle.net/Pz5pF/

于 2012-04-12T10:21:06.623 に答える
0

これを試して

$(".removeAKA").click(function () { 
   $(this).remove();
});

//idにスペースを含めることはできません

于 2012-04-12T10:22:52.307 に答える
0

try

$(this).parent().remove();
于 2012-04-12T10:41:57.470 に答える
0

IDとクラス名のスペースを削除します。これは適切な命名規則ではありません。「aka1」の代わりに「aka1」または「aka_1」を使用します。そうすると、コードが機能します。

于 2012-04-12T11:45:13.853 に答える
0

これを試してください...

$(this).parent().remove();

私はこれをjsfiddleでテストしました。

于 2012-04-13T04:24:01.857 に答える