使用Javascript onClick事件轉到子元素的href

Question

由於一些奇怪，我堅持使用javascript到Jquery通過單擊父li元素獲得工作鏈接。 基本上，點擊任何地方李應采取用戶到是它的一個直接子的一個的鏈接。 我有些遠遠似乎不起作用。 編碼：

<ul>
<li onclick="location.href='$(this).children('a:first').attr('href')';">
    <a href="http://example.com/">link</a>
    </li>
    </ul> 

謝謝！

Answer 1

您可以通過不使用onclick移動來簡化代碼，而是使用選擇器來定位該節點並在那里進行單擊事件。

$(".myUl li").on("click", function() {
    location.href = $(this).children("a").attr("href");
});

但你真的應該用css來解決這個問題。 你可以使用display: block; 在<a> ，並填充內容，添加額外的填充，基本上像div一樣，但保持鏈接功能。

Answer 2

當你在href周圍放置單引號時，它被視為一個字符串。 此外，您在其他單引號中使用單引號，這會過早地結束字符串。 它確實試圖去網址“$（this）.children（”。

而是刪除location.href周圍的單引號

<ul>
    <li onclick="location.href=$(this).children('a:first').attr('href');">
        <a href="http://example.com/">link</a>
    </li>
</ul> 

此外，你真的不應該使用像這樣的內聯腳本。 將腳本標記添加到頁面底部並在其中放置一個綁定到li的click事件的腳本會好得多。

Answer 3

替換為此

    <li onclick="location.href=$(this).children('a:first').attr('href');">