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

Question

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

我的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 时，你会在 Id 后附加一个className，这没有意义，因为：

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

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

您需要做的是，为您的div 提供一个类(所有可能有该子级的div(并将 Click 事件绑定到它，如下所示：

<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
});