jquery - 父元素中弹出窗口的值

Question

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

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

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

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

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

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

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

如何将此 newsPicture 的名称放入父文档的输入字段中？

有任何想法吗？

对不起我的英语不好......</p>

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());
    });
});