小编Shn*_*per的帖子

我正在尝试单击战斗按钮打印"You have slain" + selected option + What I have now works for the first option,但如果您在下拉列表中选择其他选项并单击战斗,它仍然会显示Fly.

小提琴

var mon = document.getElementById('monsters');
var monster =mon.options[mon.selectedIndex].text;

$('#battle').click(function() {
    document.getElementById('dam').innerHTML = "You have hit the " + monster + " for 5 damage";
});

我知道你不应该用空格创建一个ID

<div id="id one"></div>

只会创建一个id为的div id.但是我正在使用json文件创建一个项目,该文件设置有一堆数据,部分数据是用户点击以通过ajax检索更多数据的部分的名称.但是,设置descriptions.html页面上每个部分的id的方式需要匹配json文件中的数据.

我不想连字,因为在我的网页上显示"Build-a-Site"看起来很糟糕.

我们不应该改变ajax或json设置,但我愿意,如果没有别的办法.

这是决定什么被放置在页面上的JavaScript文件,我试图替换newContent += ('<a href="descriptions.html#');与newContent += ('<a href="descriptions.html#').replace(/-/g, "");,但没有删除网页上的连字符.

// NOTE: This example will not work locally in all browsers. 
// Please try it out on the website for the book http://javascriptbook.com/code/c08/
// or run it on your own server.

$(function() {                                    // When the DOM is ready

  var times;                                      // Declare global variable
  $.ajax({
    beforeSend: function(xhr) {                   // Before requesting data
      if (xhr.overrideMimeType) {                 // …

我有几个具有相同类的图像,并希望设置一个单击功能,根据单击的图像更改某些元素中的文本.我的if语句不起作用,我不完全确定为什么因为我之前使用过这种方法,或者我认为.

$('.gallery_image').click(function(e) {
    var t = $(this);
    if(t.id == 'csf') {
        console.log('It works!');
    }
});

的jsfiddle

小提琴 我想让进度条每秒填充25％。我当前的代码使它达到100％并保持点击状态。我不确定是否最好使用jquery或css。或者，如果有更简单的方法可以做到这一点。另外，如何通过一次单击即可多次执行操作。就像您单击战斗一样，它击中了怪物，然后等待进度条填满，然后再次击中了怪物，依此类推？

$('#battle').click(function() {
    $('#dam').html("You have hit the " + $('#monsters').val() + " for 5 damage");
  $('#bar').val(25).delay(1000);
  $('#bar').val(50).delay(1000);
  $('#bar').val(75).delay(1000);
  $('#bar').val(100);
});

我正在为投票系统制作一个Python应用程序。我正在用来sqlite3创建一个存储在用户计算机本地的数据库。

我需要一种方法来检查表是否存在，因为当每个用户运行应用程序时，需要在每个用户的数据库文件上创建表，但是如果应用程序在表存在时运行，并且我只有一条创建表的语句，它将运行出错，因为表已经存在。

这是一些简化的示例代码

conn = sqlite3.connect('firefight')
c = conn.cursor()
if table 'info' exists:
    #do nothing
else:
    c.execute("CREATE TABLE info(PRIMARY KEY id int, username text, password text)")

我id在4个数组中有一组值.每个数组都将为h1和ap分配一个文本值,我尚未输入.现在我只是想让它在单击数组graphicDesign中的一个图像时发出警报.我尝试使用$ .inArray

DEMO

var graphicDesign = [$('#design'), $('#DD'), $('#SElogo')];
var webDesign = [$('#bootstrap'), $('#farm'), $('#pong'), $('#SE'), $('#dung')];
var programming = [$('#SE'), $('#dung'), $('#sacar')];
var other = [$('#firm')];

function categories() {
  if ($.inArray(this, graphicDesign) > -1) {
    alert('hello');
  }
}

我有一个列表制作者附加项目,但也将垃圾桶项目附加到每个列表项目.我在垃圾桶上有一个函数,它应该在单击时删除父元素,但它不起作用.

这是我正在尝试做的简单版本

的jsfiddle

$('button').click(function() {
    $('#contain').append('<div class="div"></div>').append('<div class="nested"></div>');
});

$('.nested').click(function() {
    $(this).parent().remove();
});

如何删除仅单击嵌套div的父元素？

使用 SCSS 并有一个嵌套元素，我试图将nth-of-type()规则嵌套到其中，但无论如何我输入它都不起作用。我希望每个奇数el_header元素都是白色文本，每个偶数元素都是黑色文本。

.el {
  height: 500px;
  width: 500px;

  &_header {
    height: 100%;
    width: 10%;
    background: #555;
    display: inline-block;
    line-height: 500px;
    text-align: center;

    &nth-of-type(odd) {
      color: black;
    }
    &nth-of-type(even) {
      color: white;
    }

  }
}

演示

简单按钮应该在<p>点击时创建新元素,但它不起作用,我不知道为什么我将它与我的其他代码进行比较.

演示

var battle = function() {
    while(monsterHP > 0){
        var playerDam = Math.floor(Math.random() * ((playerAtk - monsterAtk) + 2);
        $('#battle').append("<p>You have hit the monster for " + playerDam + " damage. The monster has " + (monsterHP - playerDam) + "HP left</p>");
        monsterHP -= playerDam;
        if(monsterHP <= 0) {
            $('#battle').append("<p>You have defeated the monster</p>");
        }
    }
}

$('#battleButton').click(function() {
    battle();
}