jquery链接选择器不起作用

Question

我正在尝试创建一个脚本，用户点击他想要的链接类型，然后根据他点击的内容在下面的一个小文本字段中打开它。

例如

但我遇到了问题，因为出于某种原因将整个代码粘贴到文本框中？ <a class="linkInsert" value="1">Link (email &amp; IM)</a>

http://jsfiddle.net/gQms9/

Answer 1

使用.text()代替.html()

$('a.linkInsert').click(
    function(e){
        e.preventDefault();
        $('#linkText').val($(this).data('value'));
});

DEMO

Answer 2

您无需使用.parent()

这样做

$('#linkText').val($(this).html());

演示---> http://jsfiddle.net/gQms9/1/

---

显示点击链接的值（添加了数据属性）

$('a.linkInsert').click(function (e) {
    e.preventDefault();
    $('#linkText').val($(this).data('value'));
});

演示---> http://jsfiddle.net/gQms9/14/

Answer 3

将value属性更改为自定义数据属性data-value  和data('value')代替html()。无需使用parent()

HTML：

<ul id="navlist">
    <li><a class="linkInsert" data-value="1">Link (email &amp; IM)</a></li>
    &nbsp;|&nbsp;
    <li><a class="linkInsert" data-value="2">Direct Link (email &amp; IM)</a></li>
    &nbsp;|&nbsp;
    <li><a class="linkInsert" data-value="3">HTML Image (websites / blogs)</a></li>
    </br>
    <li><a class="linkInsert" data-value="4">HTML Link (websites / blogs)</a></li>
    &nbsp;|&nbsp;
    <li><a class="linkInsert" data-value="5">Message Boards</a></li>
</ul>
<input id="linkText" />

JQuery：

$('a.linkInsert').click(function(e) {
    e.preventDefault();
    $('#linkText').val($(this).val());
});

Demo

注意： a代码

没有值属性