Проблема выбора элемента для переопределения

Question

На странице списка SharePoint я пытаюсь изменить то, что происходит на значке «Изменить элемент», и перейти к своему собственному URL.

Полный элемент выглядит следующим образом:

<a unselectable="on" href="javascript:;" onclick="return false;" class="ms-cui-ctl-large " aria-describedby="Ribbon.ContextualTabs.InfoPathListDisplayTab.Manage.Controls.btnEdit_ToolTip" mscui:controltype="Button" role="button" id="Ribbon.ContextualTabs.InfoPathListDisplayTab.Manage.Controls.btnEdit-Large"><span unselectable="on" class="ms-cui-ctl-largeIconContainer"><span unselectable="on" class=" ms-cui-img-32by32 ms-cui-img-cont-float"><img unselectable="on" alt="" src="/_layouts/inc/1033/ipfsimages.png" style="top: -32px; left: -32px;"></span></span><span unselectable="on" class="ms-cui-ctl-largelabel">Edit<br>Item</span></a>

Я сопоставил другие элементы на той же странице без проблем.Этот конкретный является сложным.

Я пробовал оба эти способа, но не получил его:

$('a[id="Ribbon.ContextualTabs.InfoPathListDisplayTab.Manage.Controls.btnEdit-Large"]').removeAttr("onclick").click(function() {
            location.href = "https://mycustomurl";
        });


$('a[id="Ribbon.ContextualTabs.InfoPathListDisplayTab.Manage.Controls.btnEdit-Large"]').attr('href','https://mycustomurl');

Спасибо за помощь!

Answer 1

Вам необходимо удалить атрибут onclick, я заметил, что он возвращает false, поэтому не всплывает или не следует href.

.attr("onclick", "")

$('a[id="Ribbon.ContextualTabs.InfoPathListDisplayTab.Manage.Controls.btnEdit-Large"]').attr('href', 'www.google.ca').attr("onclick", "");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a unselectable="on" href="javascript:;" onclick="return false;" class="ms-cui-ctl-large " aria-describedby="Ribbon.ContextualTabs.InfoPathListDisplayTab.Manage.Controls.btnEdit_ToolTip" mscui:controltype="Button" role="button" id="Ribbon.ContextualTabs.InfoPathListDisplayTab.Manage.Controls.btnEdit-Large"><span unselectable="on" class="ms-cui-ctl-largeIconContainer"><span unselectable="on" class=" ms-cui-img-32by32 ms-cui-img-cont-float"><img unselectable="on" alt="" src="/_layouts/inc/1033/ipfsimages.png" style="top: -32px; left: -32px;"></span></span>
  <span unselectable="on" class="ms-cui-ctl-largelabel">Edit<br>Item</span>
</a>