如何將此元素作為錨標記傳遞給javascript函數

Question

這就是我們將Url()模型輸入綁定到knockout UI 。

[anchor-tag] data-bind="attr: { href: Url()"

現在，我想在url后面附加一些來自父元素的內容，因此我想將"this"元素傳遞給js文件。

[anchor-tag]  data-bind="attr: { href: myFunction1(Url(), this)"

myFunction1 = function (url, obj) {
    return url + "#" + $(obj).parents('li').attr('rankAbs');
}

當我在myFunction1執行$(obj)時，我將返回Window對象。

而且我無法訪問其他父對象。

Answer 1

根據文檔 ，“ $ element”是綁定應用於的當前DOM元素：

這是當前綁定的元素DOM對象（對於虛擬元素，它將是注釋DOM對象）。 如果綁定需要訪問當前元素的屬性，這將很有用。 例：

<div id="item1" data-bind="text: $element.id"></div>

在您的情況下：

[anchor-tag]  data-bind="attr: { href: myFunction1(Url(), $element)"

如果在函數中使用父DOM元素並獲取一些屬性，則最好更改視圖模型以提供所需的信息。

如果父模型可以提供所需的信息，則也可以使用“ $ parent”或“ $ parents”敲除上下文變量。