Question

if (temp == 'Gps') {
    $('#tabs-1').html('<fieldset class="fieldstyle"><legend>Label</legend><input type="text" id="titlebox-' + id + '" value="' + temp + '"/></fieldset><br><p><label>Add to PunchList</label><input type="checkbox" id="punchlist" class="require"/></p><p><label>Mandatory Field</label><input type="checkbox" id="mfield" class="require"/></p><p><label>Include in PDF Export?</label><input type="checkbox" id="pdf" class="require"/></p><br> <fieldset class="fieldstyle"><legend>Field Description</legend><textarea id="instructmsg" value="' + inst + '"></textarea></fieldset> ');
}

else if (temp == 'Photo') {
    $('#tabs-1').html('<fieldset class="fieldstyle"><legend>Label</legend><input type="text" id="titlebox-' + id + '" value="' + temp + '"/></fieldset><br><p><label>Add to PunchList</label><input type="checkbox" id="punchlist" class="require"/></p><p><label>Mandatory Field</label><input type="checkbox" id="mfield" class="require"/></p><p><label>Include in PDF Export?</label><input type="checkbox" id="pdf" class="require"/></p><br> <fieldset class="fieldstyle"><legend>Field Description</legend><textarea id="instructmsg" value="' + inst + '"></textarea></fieldset> ');
}

重复上面的html代码。如何使用jquery为此编写函数，如何调用该函数？怎么加载？如何将所有这些写入单个js页面？

Answer 1

您可以使用||（逻辑OR ）运算符：

如果可以转换为true，则返回expr1;否则，返回expr2。因此，当与布尔值一起使用时，如果任一操作数为真，则||返回true;如果两者都为假，则返回false。

function simple() { // define a function
   // ...
   if (temp == 'Gps' || temp == 'Photo') {
      $('#tabs-1').html('...')
   }
}

simple() // call the function

Answer 2

如果您真的想要一个jQuery函数来执行此操作，假设您将其称为myFunction，您可以这样做：

$.fn.myFunction(id, temp, inst) {
    return this.html('<fieldset class="fieldstyle"><legend>Label</legend><input type="text" id="titlebox-'+id+'" value="'+temp+'"/></fieldset><br><p><label>Add to PunchList</label><input type="checkbox" id="punchlist" class="require"/></p><p><label>Mandatory Field</label><input type="checkbox" id="mfield" class="require"/></p><p><label>Include in PDF Export?</label><input type="checkbox" id="pdf" class="require"/></p><br> <fieldset class="fieldstyle"><legend>Field Description</legend><textarea id="instructmsg" value="'+inst+'"></textarea></fieldset> ');
}

但你的条件不好。你不应该使用多个分支来做同样的事情。使用上面创建的函数

if (temp === 'Gps' || temp === 'Photo') {
    $('#tabs-1').myFunction(id, temp, inst);
}

html如何编写和创建函数到jquery

2 个答案: