Question

我有一个OpenID列表，我想基于发送锚填充输入字段。

基本上，如果点击第一个按钮，则使用“ Google ”填充输入，第二个按钮使用“ Yahoo！”，等等。

有谁知道我会怎么做？

            <div>
                <div class="openid openid_large_btn google-large"> <a href="#" class="openid_btn" ><span>Google</span></a></div>
                <div class="openid openid_large_btn yahoo-large"><a href="#" class="openid_btn" ><span>Yahoo!</span></a></div>
                <div class="openid openid_large_btn myopenid-large"><a href="#" class="openid_btn"><span>myOpenID</span></a></div>
                <div class="openid openid_large_btn aol-large"><a href="#" class="openid_btn"><span>AOL</span></a></div>
                <div class="openid openid_large_btn facebook-large"><a href="#" class="openid_btn"><span>facebook</span></a></div>
            </div>

<script>
    $('.openid_btn').click(function () {

//I'd like to set this to the info contained within the <span> tags
        $("#openid_identifier").val("???"); 


        $('#OpenIDForm').submit();
    });
</script>

Answer 1

喜欢这个

$('.openid_btn').click(function () { 
    $("#openid_identifier").val($("span", $(this)).text());  
    $('#OpenIDForm').submit(); 
});

Answer 2

您可以直接在点击的<a>上使用.text()，因为这是其中唯一的文字，如下所示：

$('.openid_btn').click(function () { 
  $("#openid_identifier").val($(this).text());  
  $('#OpenIDForm').submit(); 
});

或者，便宜一点：

$("#openid_identifier").val($.text([this]));

如何基于使用jQuery发送锚点来设置输入值

2 个答案: