Javascript 如何从html调用嵌套的jquery函数?

Javascript 如何从html调用嵌套的jquery函数?,javascript,jquery,html,Javascript,Jquery,Html,我正在从嵌套在add()函数中的html onclick()调用一个addtext()函数。我想调用第二个函数。我怎样才能做到这一点 在这里,我有一个带有add()函数的链接,该函数显示一个文本框和一个带有addtext()的add按钮。 add()函数检查文本,如果文本存在,它将生成一个新的文本框。 现在我希望add按钮从文本框中获取文本和,并将其设置为替换文本框。 单击ADD按钮将进入addtext()函数中的ADD() Html代码: <a id = "newcard" h

我正在从嵌套在
add()
函数中的
html onclick()
调用一个
addtext()
函数。我想调用第二个函数。我怎样才能做到这一点

在这里,我有一个带有
add()
函数的链接,该函数显示一个文本框和一个带有
addtext()
add
按钮。
add()
函数检查文本,如果文本存在,它将生成一个新的文本框。 现在我希望add按钮从文本框中获取文本和,并将其设置为替换文本框。 单击
ADD
按钮将进入
addtext()
函数中的
ADD()

Html代码:

     <a id = "newcard" href="#" onclick="add()" >
            <b style ="color: #444444">Add Card...</b>
     </a>

     <div>
          <span id = "show-ta"><textarea id="txtarea" style =" 
      display:none"></textarea><span>
          <span id = "newbutton"><button id = "firstbutton" class ="btn btn-
      success nbutton"onclick="addtext()" style ="display:none">Add</button>
          </span>
     </div>

添加
Jquery代码:

     function add(){
      var newTextBoxDiv = $(document.createElement('textarea'));
      if ( $('#txtarea').css('display') == 'none' ){
    $('#txtarea').css('display', 'block');
       }
      if ( $('#firstbutton').css('display') == 'none' ){
    $('#firstbutton').css('display', 'block');
       }
      var wrapper = $('#show-ta');
      var button = $(document.createElement('button'));

    if(wrapper.find('textarea').last().val().length) {
       var x =wrapper.find('textarea').last().val();
        function addtext()
        {

        }
        wrapper.append('<textarea class="t-one"></textarea>');
        wrapper.append('<button class ="btn btn-success 
   nbutton">Add</button>').appendTo('#cardarea').insertAfter('#cardtitle');;
        //button.addClass("btn btn-success");
        wrapper.appendTo("#cardarea").insertAfter('#cardtitle');
        wrapper.addClass('t-one');
       // var text =$('textarea:nth-last-child(2)').val().length;

        //wrapper.addClass('nbutton');
    }
函数添加(){
var newTextBoxDiv=$(document.createElement('textarea');
if($('#txtarea').css('display')=='none'){
$('#txtarea').css('display','block');
}
if($('#firstbutton').css('display')=='none'){
$('#firstbutton').css('display','block');
}
var wrapper=$(“#show ta”);
var button=$(document.createElement('button');
if(wrapper.find('textarea').last().val().length){
var x=wrapper.find('textarea').last().val();
函数addtext()
{
}
append(“”);
wrapper.append('Add').appendTo('cardarea').insertAfter('cardtitle');;
//addClass(“btn btn成功”);
包装器。附加到(“#cardarea”)。插入后面(“#cardtitle”);
wrapper.addClass('t-one');
//var text=$('textarea:n最后一个子项(2)').val().length;
//addClass('nbutton');
}

必须将嵌套函数分配给如下属性
addText.add=add;
,然后可以在
onClick
事件中调用该函数

函数addText()
{
//不相关的代码在这里
函数添加(arg){
控制台日志(arg);
}
addText.add=添加;
}
addText();

单击我
您必须将嵌套函数分配给如下属性
addText.add=add;
,然后您可以在
onClick
事件中调用该函数

函数addText()
{
//不相关的代码在这里
函数添加(arg){
控制台日志(arg);
}
addText.add=添加;
}
addText();


单击我
请提供更多详细信息。我想调用第二个函数?意思是你可以给出一个代码示例吗?请在你的问题中添加你的示例代码并给出一些适当的描述。为什么你需要封装
addtext()
?你当然可以移动
addtext()
在add函数之外?
函数add(){..}函数addtext(){..}
请提供更多详细信息。我想调用第二个函数?意思是可以给出一个代码示例吗?请在问题中添加示例代码并给出一些适当的描述。为什么需要封装
addtext())
?您当然可以将
addtext()
移到add函数的外部?
函数add(){..}函数addtext(){..}
我也这样做了,得到了
add.addtext不是函数的错误:(您是否在单击之前调用了函数
add
?然后只有这个赋值才会发生
addText.add=add;
@Chri.s您需要将JSFIDLE中的
加载类型更改为
无换行头
。@Chri.s我正在等待她对我以前的评论的响应。@sanjana现在可以检查吗?我也做了同样的操作,我得到了答案。)
add.addtext不是函数
错误:(您是否在单击之前调用了函数
add
?然后只有这个赋值才会发生
addText.add=add;
@Chri.s您需要将JSFIDLE中的
加载类型更改为
无换行头
。@Chri.s我正在等待她对我以前的评论的响应。@sanjana您现在可以检查一下吗?