动态创建并“单击”与 jQuery 的链接

Question

我想动态创建一个 元素，然后“单击”它。全部无需修改页面。

我正在尝试这个：

$('<a href="mailto:[email protected]">&nbsp;</a>').click();

...无济于事

Answer 1

它不是jquery，但它工作得很好。

var link = document.createElement('a');
link.href = url;
document.body.appendChild(link);
link.click();    

Answer 2

单击链接意味着更改 window.location，那么怎么样？

window.location = "mailto:[email protected]";

Answer 3

要使其与 jQuery 一起使用，您首先需要选择 jQuery 对象内的 DOM 元素。

$('body').append('<a id="link" href="mailto:[email protected]"> </a>');
$('#link')[0].click();

注意 [0]

小提琴：https://jsfiddle.net/fkwhvvhk/

Answer 4

.click() 使用 DOM，而不是 jQuery 对象，

它应该是：

$('<a href="mailto:[email protected]"></a>')[0].click();

Answer 5

尝试这样的事情...

演示：http://jsfiddle.net/wdm954/xtTGX/1

$('.a').append('<a class="b" href="mailto:[email protected]"> </a>');
$('.b').click(function() {
    window.location = $(this).attr('href');
}).click();

Answer 6

您可以这样创建标签：

$('PARENT_TAG').append('<a id="dinamic_link" href="mailto:[email protected]"> </a>');
//Now click it
$('#dinamic_link').click();

HTH！

Answer 7

为什么不直接将窗口位置更改为链接的 href 呢？您需要使用链接有什么具体原因吗？

否则：

window.location = 'http://example.com';

Answer 8

我发现了一些类似问题的问题，并且找到了对我来说最简单的方法：

    var link = document.createElement('a');

    link.download = 'profile.png';
    link.href = '...';
    link.id = 'example';
    link.class = '...';

    document.body.appendChild(link);

    link.click();

就我而言，我失去了很多时间尝试使用 jquery 执行此操作，执行 $('# example').click()但对我不起作用。至少问题是jquery，我没有它就做到了。我希望它可以对某人有所帮助。这是设置锚点来下载图像并在之后单击的简单方法。

Answer 9

$('#something').append('<a id="link" href="mailto:[email protected]"></a>');
$('#link').trigger('click');

Answer 10

我想说你应该考虑使用 .append() 将 href 添加到容器（主要是 div）并调用 .click()

$('parent_div').append('<a id="link" href="mailto:[email protected]"> </a>');
//Now click it
$('#link').click();

Answer 11

无法模拟正常点击。您只能触发已绑定到元素的 click 事件处理程序。

如 @Alex 已发布， 您可以更改 window.location 来达到相同的效果。

Answer 12

刚刚做了一个关于这个的教程！

$("[href='mailto:[email protected]']").click();

这应该选择所有带有“mailto:[email protected]”作为其值。

www.w3schools.com/jquery/jquery_selectors.asp

Answer 13

您必须使用 .on 然后调用 .click 。
动态生成的超级引用不适用于简单的 .click()

Answer 14

如果你想使用 jQuery。这与 jBelanger 的答案基本相同：

$('body').append('<a id="link" href="mailto:[email protected]"> </a>');
$('#link')[0].click();

问题是$('#link')[ 0] 可能还不存在！ 您必须等待它被创建。怎么做呢？我在此处找到了答案。以下对我有用：

$('body').append('<a id="link" href="mailto:[email protected]"> </a>');
waitForElm('#link').then((elm) => { elm.click(); });

function waitForElm(selector) {
    return new Promise(resolve => {
        if (document.querySelector(selector)) {
            return resolve(document.querySelector(selector));
        }

        const observer = new MutationObserver(mutations => {
            if (document.querySelector(selector)) {
                resolve(document.querySelector(selector));
                observer.disconnect();
            }
        });

        observer.observe(document.body, {
            childList: true,
            subtree: true
        });
    });
}

Answer 15

var link = document.createElement('<a>')
link.href = "mailto:[email protected]";
link.id = "hitme"
$('#hitme').click();