小编Zak*_*rki的帖子

使用jQuery和JavaScript我正在尝试编写一些设置一个或多个小部件的代码.小部件接受文本,input并ul在button单击a 时将其添加到a .

然后将项目添加到ul,单击侦听器是一个设置,用于在单击时删除特定项目.

代码如下所示:

    function WidgetThing(className) {
    	
      var items = [];
      
      function removeItem(e) {
        var idx = parseInt($(e.target).attr('data-index'));
        items.splice(idx, 1);
        updateItems();
      }
    
    	function updateItems() {
      	var ul = $('.' + className + ' .items ul');
        ul.html('');
      	items.forEach(function(item, idx) {
        	ul.append('<li data-index="' + idx + '">' + item + '</li>');
        });
        ul.on('click', 'li', removeItem);
      }
    
      $('.' + className + ' .add-button').click(function(e) {
      	var input = $('.' + className + ' input');
      	items.push(input.val()); …

假设此代码使用DOM(小提琴)创建一个包含纯 JavaScript 的表:

var table = document.createElement('table');
for (var i = 1; i < 4; i++){
    var tr = document.createElement('tr');   

    var td1 = document.createElement('td');
    var td2 = document.createElement('td');

    var text1 = document.createTextNode('Text1');
    var text2 = document.createTextNode('Text2');

    td1.appendChild(text1);
    td2.appendChild(text2);
    tr.appendChild(td1);
    tr.appendChild(td2);

    table.appendChild(tr);
}
document.body.appendChild(table);

如何在其单元格中添加类名或ID？
例如,我希望能够在创建后修改单元格,所以我只想:

table.getElementsByClassName("class").style.font-weight: "bold"; 

我正在制作一个应用程序并使用bootstrap timepicker，它仅在我的输入字段中显示当前时间，但没有显示时间选择器来选择时间选择器，请帮助我解决它。并且也没有显示任何错误。

的HTML

<div class="col-xs-3"> <label>Invoice #</label>
   <input class="timepicker form-control " >
</div>

的CSS

<!-- Bootstrap time Picker -->
<link rel="stylesheet" href="plugins/timepicker/bootstrap-timepicker.min.css">

JS

 <!-- bootstrap time picker -->
<script src="plugins/timepicker/bootstrap-timepicker.min.js"></script>

//Timepicker
$(".timepicker").timepicker({
    showInputs: false
});

我有一个基本的正则表达式,应该在最后一个反斜杠后返回字符串\.

正则表达式:

/([^\\]*$)/

在Regex101中正常工作.

输出:

random.html

但是在下面的Javascript示例中没有:

console.log("C:\fakepath\extra\random.html".match(/([^\\]*$)/));

输出:

["C:akepathextra andom.html","C:akepathextra andom.html",索引:0,输入:"C:akepathextra andom.html"]

我是Javascript的新手,我只是在尝试打印一个简单的for循环到HTML.

HTML:

<div id="hello"</div>

JS:

var text="";

for (var i=0;i<10;i++) {
    document.getElementById("hello").innerHTML=text+i;
}

我的问题是这段代码只输出最后一次迭代'9',而不是'0123456789'这就是我想要的.

现在,如果我这样做document.write打印出来的数字很好,但我听说这是不好的做法,所以我只是想以正确的方式做到这一点.

谢谢

我有以下三元运算符条件.是否有一种方法可以在第1行以某种方式包含第二个if语句,所以我不需要再创建一个if语句？第一个条件(如果为true)应准备显示状态更改以及复选框更改.

function change_properties(display){
    var display_r = ( display === 1) ? 'block' : 'none';

    /*THIS LINE - can it be integrated in the ternary if-else condition above? */
    if(display) jQuery("#checkbox").prop('checked',false);

    jQuery("#field").css("display", display_r); 
} 

我在网上找到了这段简洁的代码，它正是我所需要的。我遇到的问题是变量没有传递整个值。

<script type='text/javascript'>
    $(window).load(function() {
        $("#add_id").click(function() {
            var value = $("#entered_id").val();
            $("#list_id").append("<option value =" + value + " selected>" + value + "</option>");
        });
    });    
</script>




<select id='entered_id'>
    <option value='This is a test message'>test</option>";
</select>


<button id="add_id">Add</button>


<h2>Entered IDs</h2>
<form name="test" method="POST" action="test2.php">
    <select id="list_id" name="list_id" multiple="multiple"> </select>
    <input type="submit" />
</form>

test2.php变量以$list_id“This”而不是“This is a test”的形式出现。

有人能引导我走向正确的方向吗？

我有一个问题:

 document.querySelector('#target').click();

我用这个click()方法的代码,但我想点击目标按Enter(keycode = 13),当然用javascript不是物理的.那怎么可能呢？

这是一个js小提琴,用于表示它是什么样的......

 https://jsfiddle.net/

当然,我想在开发人员模式下解决这个问题,所以在控制台中运行脚本.

请帮我解决这个问题.提前致谢.

datepicker我需要获取on的值change，但它正在返回undefined。

HTML：

<input  id="#return" name="start" class="date-pick form-control" value="" data-date-format="dd/mm/yyyy" type="text" />

JS：

$('input.date-pick').datepicker().on('changeDate', function (ev) {
      var firstDate = $('#return').val();
      alert(firstDate);
});

在我的主页面中,我有一个简单的表格.我已经做到了这一点,当用户点击"提交"按钮时,我将表单数据发送到服务器端,并且在提交后我也使用Jquery删除表单.但是,我希望有一种方法可以让我在删除表单后单击一个按钮时,它会再次显示与删除之前完全相同的内容.

当我单击表单提交按钮时,我不希望表单不可见; 我希望从页面中删除表单.我每次删除它时都必须创建一个新表单,与删除它一样,还是有办法在单击"恢复"按钮时将其恢复？

以防万一,我使用JADE渲染其他东西......我不确定是否需要它.对不起任何错误,我是编程新手.如果需要,我可以提供更多信息.