CSSのテキストオーバーフローの要素にツールチップを追加します。省略記号

Question

テーブルに読み込まれる動的テキストがあります。 テキストにcss text-overflow：ellipsesがある場合、popup/tooltipを追加したいと思います。

テキストの長さが列の幅よりも長いtdのみを取り出す方法を教えてください。

Ember.$('*').filter(function() { 
      return Ember.$(this).css('text-overflow') === 'ellipsis'; 
     }).each(function(elm){ 
}); 

上記のコードでは、テキストオーバーフロー：省略記号を持つtdを取得しようとしました。しかし、私は数が増えています。私はtdの完全な要素が必要です。

Answer 1

$('selector').each()は、インデックスと要素をコールバックに渡します。これが、数字だけを見ている理由です。詳細を参照してください。

https://api.jquery.com/each/

はこれを試してみてください：

Ember.$('*').filter(function() { 
    return Ember.$(this).css('text-overflow') === 'ellipsis'; 
}).each(function(ind, elm){ 
    // do things to elm now 
}); 

これはあなただけの<td>より多くの要素を与えるので、注意が必要です。以下を追加してください：

return Ember.$(this).find("td").css('text-overflow') === 'ellipsis';