Question

我给了我的链接一个id，如果我点击链接，我想让我的javascript调整背景图片。我在这里做了一个简单版本的js-fiddle：

<body background="http://www.blueskiescareers.co.uk/wp-content/uploads/2014/05/blue-sky-clouds.jpg">
    <li>
        <a id = "attempt1" href="#top">SNOOPY1</a>
    </li>
    <li>
        <a>SNOOPY2</a>
    </li>
    <li>
        <a>SNOOPY2</a>
    </li>

    <div id= "#top">TOP PART </div>
</body>

$(document).ready(function() {
    $("a[id='attempt1']").click(function(e) {
        e.preventDefault();
        alert('works');
        document.body.background = "https://upload.wikimedia.org/wikipedia/commons/0/02/Fried_egg,_sunny_side_up.jpg";
    });
});

我刚才选择使用javascript。任何帮助，将不胜感激！

Answer 1

尝试使用Match value: abc at Position 0 Capture: c at Position 2 Match value: abc at Position 6 Capture: c at Position 8 Match value: abc at Position 12 Capture: c at Position 14

使用＃获取html中的任何id

Answer 2

首先你的HTML无效; li必须位于ul或ol中，并且所有a元素必须具有name或href属性。

其次，jQuery使用CSS规则，因此按id选择是$('#attempt1')。

最后，要将background CSS属性更改为图像，URL字符串应包含在url()中。试试这个：

$(document).ready(function() {
    $("#attempt1").click(function(e) {
        e.preventDefault();
        $('body').css('background', 'url("https://upload.wikimedia.org/wikipedia/commons/0/02/Fried_egg,_sunny_side_up.jpg")');
    });
});

Answer 3

您可以选择：

class UsersController < ApplicationController

  def update
    @company = Company.find(params[:company_id])
    @user = User.find(params[:id])

    if @user.update(user_params)
      redirect_to :back
    end
  end 
end

Answer 4

在这种情况下你应该使用id-selector

https://api.jquery.com/id-selector/

$("#attempt1")

您使用的attribute selector选择器在输入中比在链接（a元素）中使用的更多

https://api.jquery.com/attribute-equals-selector/

您可以在

中找到有关jQuery选择器的更多信息

https://api.jquery.com/category/selectors/

希望有所帮助

Javascript - 无法选择ID

4 个答案: