Question

如何将属性添加到textarea内的链接？

这是我的代码：

HTML

<textarea id="text"><a href="/" id="link">Click here</a></textarea>

<a href="#" id="add_attr">Add attribute</a>
<a href="#" id="remove_attr">Remove attribute</a>

JavaScript，JQuery

$(document).ready(function()
{
    $('#add_attr').click(function()
    {
        var value = $('#text').val();

        //add attribute `class="name"` to the link inside the textarea
        return false;
    });

    $('#remove_attr').click(function()
    {
        var value = $('#text').val();

        //remove attribute `class="name"` from the link inside the textarea
        return false;
    });
 });

Answer 1

$('body').append('<div style="display: none;" id="hCreator">' + $('#text').val() + '</div>');
$('#hCreator a').attr('senad', 'senad');
$('#text').val($('#hCreator').html());
$('#hCreator').remove();

Answer 2

这有效：

$(document).ready(function()
{
    $('#add_attr').click(function()
    {
        var value = '<div>' + $('#text').val() + '</div>';
        _value = $(value);
        _value.find('a').addClass('name');
        _value = _value.contents();
        $('#text').val($('<div>').append(_value.clone()).remove().html());
        return false;
    });

    $('#remove_attr').click(function()
    {
        var value = '<div>' + $('#text').val() + '</div>';
        _value = $(value);
        _value.find('a').removeClass('name');
        _value = _value.contents();
        $('#text').val($('<div>').append(_value.clone()).remove().html());
        return false;
    });
 });

工作演示：http://jsfiddle.net/qWG7M/2/

Answer 3

$('textarea#text a#add_attr').addClass('name');

Answer 4

$（“＃text a”）。attr（“yourattr”，“Val”）;

如何向textarea中的链接添加属性？

4 个答案: