Question

简要说明：我需要更改div中具有<div id="0">的链接。

我的div code：

    <div id="0">
   <div id="header_color" class="spacing-top context_menu">
      <div class="row">
         <div contenteditable="true" class="col-md-12 heading-sm28">Lets get started on project.</div>
         <div contenteditable="true" class="col-md-12 smalltxt-center">Lorem Ipsum is simply dummy text of the test change link.</div>
         <div class="col-md-12 center context_menu context_link"><a href="http://google.com" target="_blank" class="btntst-back">Get in touch</a></div>
      </div>
      <div class="row">
         <div contenteditable="true" class="col-md-12 heading-sm28">Lets get started on project.</div>
         <div contenteditable="true" class="col-md-12 smalltxt-center">Lorem Ipsum is simply dummy text of the test change link.</div>
         <div class="col-md-12 center context_menu context_link"><a href="http://google.com" target="_blank" class="btntst-back">Get in touch</a></div>
      </div>
   </div>
</div>

我要使用的命令是-

$(id).children().attr("href",'http://example.com');

我得到的 id 的值为-

var id = '#'+this.selectedDivCodesub+' '+".clickedDiv";

即-#0 .clickedDiv

我确定获取id 时我做错了什么。请指导我我错了。

注意-使用clickedDiv，因为我正在尝试更改点击链接的地址。

Answer 1

我不确定，但是您可以尝试：）

$(function(){
$('#0').click(function(){
$('.center context_menu context_link').attr("href",'http://example.com');
})
});

希望这会有所帮助：）

Answer 2

在获取元素的ID时，您要在该ID后面附加一个 className ，这是没有道理的：

var id = '#'+this.selectedDivCodesub+' '+".clickedDiv";

上面的代码返回选择器以选择div，并且没有此类clickedDiv

您需要做的是，为您的div提供一个类（可能有该孩子的所有div），然后将click事件绑定到它，例如：

<div id="0" class="someClassName">

在您的JS中，只需将click事件附加到clicked元素，然后将一个类添加到clicked元素（仅在确实有需要时）

$( ".someClassName" ).click(function() {
  $( this ).addClass("clicked");
  $(this).children().attr("href",'http://example.com'); //not a good idea but your requirement states it

});

更改ID为div的单击项的链接-jQuery

2 个答案: