父元素中弹出窗口的值

Question

我有一个包含如下元素的文档：

<input type="text" id="newsPicture" name="newsPicture" />

使用 jQuery，我创建了一个显示弹出窗口的链接。

在此弹出窗口中，我有一个新闻图片列表，例如

<a id="newsPictureName" class="newsPicture">newsPictureName.jpg</a>

现在，我将选择其中一张带有 a 元素的图片来关闭窗口

$(function(){
    $('.newsPicture').click(function() {
        window.close();
    });
});

如何将此新闻图片的名称放入父文档的输入字段中？

有什么想法吗？

对不起，我的英语不好……

Answer 1

您可以通过text()访问元素的文本。

您可以通过val()更改字段的值

这会让你的代码变成这样

$(function(){
    $('.newsPicture').click(function() {
        window.close();

        //get the text of the element we clicked
        var pictureName = $(this).text();

        //put this value in our field
        $('#newsPicture').val(pictureName);
    });
});

或更短的解决方案是

$(function(){
    $('.newsPicture').click(function() {
        window.close();

        $('#newsPicture').val($(this).text());
    });
});