2017-11-30 33 views
0

ブートストラップツールチップを特定のfullcalendar日表示td要素に添付しようとしています。その要素のFCクリックイベントからtd要素を取得できます。私はconsole.dir(thing);を行う場合、要素はオブジェクトとして戻ってくる(ChromeのJSコンソールには)のように見えること:javascript fullcalendarとブートストラップツールチップ

i.fn.init(1) 
    # 0: td.ui-widget-content 
     length: 1 
    # __proto__: Object(0) 

# sがサブオブジェクトを意味します。私が望むのは、その "0"オブジェクトキーの "text"値です。文字列 "td.ui-widget-content"を取得したいと思います。

私は次のことを試してみた:

console.dir(thing); 
console.dir(thing[0]); 
console.log(Object.keys(thing)); 
console.log(Object.keys(thing[0])); 

最初yeilds上記目的。第2のプリント

# td.ui-widget-content 

また、#は、サブオブジェクトを意味します。第三プリント

# (2) ["0", "length"] 

と最後のプリント

# [] 

私はconsole.log(thing[0]) reaultを行う場合はDOM要素のoutterのhtmlです。

「td.ui-widget-content」という文字列をオブジェクトから取得するにはどうすればよいですか?

答えて

1

thisは、 "dayClick"イベント中にjqueryオブジェクトになります。

ブートストラップツールチップは、https://getbootstrap.com/docs/4.0/components/tooltips/から理解できますが、jQueryオブジェクトに添付することができます。

したがって

dayClick: function(date, jsEvent, view) { 
    this.tooltip({ title: "Hi" }); 
} 

はあなたが必要なものを行う必要があり、私は思います。

関連する問題