如何使用Javascript查找特定的隐藏HTML标记

Question

How to find and override a specific hidden HTML tag (this will appear with mouseover) as <a> tag with both title="Add" and evtid="new_item" and replace (not using setAttribute) the href element to href="something goes here" with Javascript and jQuery.

HTML:

<div id="AsynchronousViewDefault_CalendarView">
<div class="ms-acal-header">
    <div>
        <table class="ms-acal-month">
        </table>
        <div class="ms-acal-vlink">
            <table>
                <tbody>
                    <tr>
                        <td><a href="javascript:void(0)" title="Add" evtid="new_item">
                            <img border="0" src="/_layouts/images/caladd.gif">Add</a></td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</div>

My code goes here:

 _spBodyOnLoadFunctionNames.push("OpenDialog1");
 $(document).ready(function OpenDialog1() {
    var nnnn = $("#AsynchronousViewDefault_CalendarView");
        var element = nnnn.querySelector('[title="Add"]');
        element.replace("javascript:void(0)", "http://share/Lists/Calendar.aspx?P=P1");

});

Answer 1

Try,

$("#AsynchronousViewDefault_CalendarView")
    .find('a[title="Add"][evtid="new_item"]')
      .attr('href',"http://share/Lists/Calendar.aspx?P=P1");

DEMO

Answer 2

$(document).ready(function () {
   $("a[href='javascript:void(0)']").attr('href', 'http://share/Lists/Calendar.aspx?P=P1');
});