使用 id 更改 div 中单击项目的链接 - jquery

Question

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

我的div代码：

    <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 时，您将一个className附加到 Id 这没有意义，因为：

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

上面的代码返回选择器来选择 div 并且没有这样的 div 类clickedDiv

你需要做的是，给你的 div 一个类（所有可能有那个孩子的 div）并绑定一个点击事件，比如：

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

并且在您的 JS 中，只需将点击事件附加到被点击的元素，并向被点击的元素添加一个类（仅当确实需要时）

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

});