0

クリックされた要素からテキストを取得しようとしています。javascript/jqueryはIEとchromeでは機能しますが、 Firefox では機能しません。

HTML

<span class="spanclass">Click Me</span>
<br/>
<span id="displayDel"></span>

Javascript

$(document).ready(function () {
    $('.spanclass').click( function(cl) {
        onSelect(cl.delegateTarget);
    });
});

function onSelect(cldel)
{
    $('#displayDel').text("You "+cldel.innerText);
}

JSFiddle http://jsfiddle.net/FdXNg/での実行例を次に示します。

IEとChromeで [Click Me] をクリックすると、[You Click Me] と表示されます。

Firefoxで[Click Me] をクリックすると、You undefined

これをIE、Chrome、およびFireFoxで機能させるにはどうすればよいですか?

4

2 に答える 2

1

なぜ外部関数を使用するのですか? これは同じことを行います（.text()jQueryの機能を使用）：

$(document).ready(function () {
    $('.spanclass').click( function() {
       $('#displayDel').text("You "+$(this).text());
    });
});

デモ: http://jsfiddle.net/FdXNg/1/

クリック後に要素を非表示にする場合は、コードの 3 番目のルールの後にこれを追加します。

       $(this).hide(); //or `remove()`

編集（コメント後）

$(document).ready(function () {
    $('.spanclass').click(function() {
        onSelect($(this));
    });
});

function onSelect(cldel) {
    $('#displayDel').text("You "+cldel.text());
}
于 2013-07-24T14:53:02.697 に答える