2011-10-01 27 views
0

我工作的編輯工具提示插件(TooltipsY)使用DIV,而不是標題元素工具提示的內容。我這樣做的原因很多,主要的原因是我可以在我的工具提示中使用HTML,而不會導致驗證錯誤。如何選擇通過距離的元素時,它不是家長或孩子

我遇到的問題是,當改變工具提示的內容是DIV,而不是title屬性,以提示每一個環節都顯示了同樣的提示內容。這是因爲div與鏈接無關,所以我不能使用「this」來選擇它們。

如果我知道一些方法來改變$('div.showtip').html();this.closest($('div.showtip').html());(該方法是行不通的,因爲DIV是不是家長或鏈路的孩子),所以我怎麼能做出提示內容最接近的div它的工作到正在被盤旋的鏈接?

這是我的例子:http://jsfiddle.net/sgCCD/2/

注:應該需要改變的唯一事情是變量showtip的價值。

而且,我不希望爲不同的工具提示插件的建議,因爲我提高了插件的功能,我這樣做只是儘可能多的爲我自己的親身經歷。

+1

你舉的例子沒有按不顯示問題,請更新它,以便我們可以看到發生了什麼。 – mowwwalker

+0

哦,ugg,我忘了更新它= SI丟了很多工作> :( –

+1

表發生兄弟 – mowwwalker

回答

1

希望這是你在找什麼:

http://jsfiddle.net/sgCCD/3/

改變了這一行:

var showtip = $('div.showtip').html();

這樣:

var showtip = $(el).next().html();

+0

非常感謝。關於「next」的好主意如果我對jQuery有更多的瞭解,我自己也會這麼做但我是一個新手。但是,這是顯而易見的選擇。我沒有做,雖然一個修補程序。 –

+0

+1,完美的!我只是在這個 – diEcho

+0

達到我改變了它的這樣,而不是使用'下一個()',它使用'nextAll( 「.showtip」)'這種方式,它會發現文件中的類showtip的下一個元素,並使用這一點。(我想象這將是一個很多更具體的,並能避免的事情,我不想顯示工具提示上) –

相關問題