使用 display:block 属性获取链接的 href答案

【问题标题】：get href of link with display:block property使用 display:block 属性获取链接的 href
【发布时间】：2010-09-02 18:50:18
【问题描述】：

这就是我想要得到的东西

<a href="default.aspx?propid=BARN" class="topbook"></a>

上面的链接应该克隆有display:block的sidelink

<a href="default.aspx?propid=FARM" class="sidelink"></a>
<a href="default.aspx?propid=HANW" class="sidelink"></a>
<a href="default.aspx?propid=BARN" class="sidelink" style="display:block"></a>

但我得到了

<a href="default.aspx?propid=FARM" class="topbook"></a>

因为是复制sidelinkhref的第一个实例

这是我的代码

$('.topbook').attr('href', $('.sidelink').attr('href'));

希望对你有帮助

谢谢

杰米

【问题讨论】：

你真的不应该这样做——给你想要的锚点一个不同的class 或其他东西，不要使用style 属性来区分它们
侧链接是根据可用属性的数量动态放入的，因此我无法通过不同的类来区分它们
@Jamie 你的意思是它永远是（比如说）最后一个？然后使用:eq或:last之类的东西，甚至更好，因为你可以动态地给它们styles，那你为什么不能让服务器端脚本给它一个额外的类呢？
@Yijiang 不一定是最后一个
@Yijiang 我怎样才能动态地给他们一个风格？

标签： javascript jquery html

【解决方案1】：

你可以想象使用

$('.topbook').attr('href', $('.sidelink[style$="block"]').attr('href'));

但请不要。

相反，给 .sidelink 元素，其 href 你试图复制不同的类或其他东西，不要使用 style 属性来区分它与其他。

【讨论】：

+1 比其他类更好的是使用唯一的 id。