jquery 如何在超链接文本单击时调用函数

9rbhqvlz  于 2022-11-03  发布在  jQuery
关注(0)|答案(3)|浏览(213)

如何通过单击文本(item.name)来调用此on_search函数?

$.each(docs, function(i, item) {
            $('#body').append($('<div><a href="">' + item.name </a></div><br/>'));
       });

// call this function whenever user clicks the text
function on_search() {            
     var url ='http:myhomepage/select/?wt=json&json.wrf=?&q='+item.name;
     $.getJSON(url, on_text);
    }
bis0qfac

bis0qfac1#

在事件处理程序中为它给予一个类集。

$.each(docs, function(i, item) {
                $('#body').append($('<div><a href="" class="my-anchor">' + item.name </a></div><br/>'));
    $(".my-anchor").click(on_search);
           });

    // call this function whenever user clicks the text
    function on_search() {            
         var url ='http:myhomepage/select/?wt=json&json.wrf=?&q='+item.name;
         $.getJSON(url, on_text);
        }
qyuhtwio

qyuhtwio2#

不确定是否每个链接都需要 Package 在自己的div中。事实上,为了使其工作得更好,您可能希望将所有这些链接都放在一个特定的div中。
接下来,您可以执行以下操作:

$('#divName').find('a').click(function (event) {
    var url=...
    event.preventDefault(); // Stops the browser from actually following the link
    [...]
});
gwo2fgha

gwo2fgha3#

如果你添加一个id或者一个类,你可以只添加

$('.yourClass').click(function()
    {
        var x = $(this).attr('href');
        on_search();
        // you would probably want to pass the item name as a parameter: on_search(x);
    });

相关问题