提醒从克隆链接的值被克隆的短语被包裹

Question

大家早上好，

我想睡觉了我的问题，但我被困在语法，因为我是比较新的JavaScript和jQuery的。

所以，我的想法是克隆一个短语，如：

<p> 
<a href="#" class="myClass">[1]</a> 
</p>

这是我的代码克隆这句话：

var clone = $("p").clone();

现在我想一个复选框添加到每个短语

var clone = $("p").clone().prepend("<input type='checkbox' id='checked' checked>");

该html结构看起来像：

<p> 
<input type="checkbox" checked=" " id="checked"> 
<a href="#" class="myClass">[1]</a> 
</p> 

以下是对我来说最困难的部分： 我试图在复选框被标记时实现链接值的提醒。 该值应该没有括号，如“[”或“]”。 我想我必须使用像replace（）;等正则表达式。

我最终的目标是将链接的值插入到textarea中。 但我没有弄清楚如何提醒这个值。

你能帮我吗？

Answer 1

的样子：

var clone = $("p").clone().prepend($('<input>', { 
    id:  'checked', 
    type: 'checkbox', 
    checked: 'checked', 
    change: function() { 
     if(this.checked) { 
      alert($(this).next('a').text().match(/^\[(\d+)\]$/)[1]); 
     } 
    } 
})).appendTo(document.body /* or somewhere else */); 

演示：http://jsfiddle.net/WkceQ/

Answer 2

尝试：

$('a.go').click(function(){ 
    var $p = $('p'); 
    $p.each(function(){ 
     var checked = ($(this).find('input').is(':checked')); 
     var result = checked ? ($(this).find('a')[0].innerHTML.replace('[', '').replace(']', '')) : $(this).find('a')[0].innerHTML; 
     alert(result) 
    }); 
    return false; 
}); 

DEMO