4

我需要在课后设置一个 url module-content，使用纯 css。这段代码不起作用，但基本上我需要Custom‌·Link在content: ' ' attr(href);.

<div class="module-content">
   <div class="aidanews2" style="clear: both;">
      <div class="aidanews2_art aidacat_2 aidapage105 hidepiece odd first" style="clear: both; display: block;">
      <div class="aidanews2_art aidacat_2 aidapage105 hidepiece even last" style="clear: both; display: block;">
   </div>
   <div class="aidanews2_bottomlink">
      <a href="/joomla/index.php">Custom‌·Link</a>
   </div>
</div>

.moduletable>.module-content:after{
    background: none repeat scroll 0 0 #050505;
    content: ' ' attr(href);
}

不成功的 Jquery尝试：

var a = $('.aidanews2_bottomlink').html();
var b = $('.top-1 > .moduletable > .module-content:after ').html(a);
4

2 回答 2

1

使用 JavaScript/jQuery 可能更容易做到这一点。无论如何，这就是我的处理方式。

如果我正确理解您的要求，您希望 1) 获取href链接上的属性并 2) 在封闭module-contentdiv 的结束标记之后将其作为文本输出。

这可以通过以下代码来完成： 

//get the text
var content = $(".aidanews2_bottomlink a").attr('href');  

//append it after the containing element
$(".aidanews2_bottomlink").parents(".module-content").eq(0).after(content);

这是一个活生生的例子：http: //jsfiddle.net/ANZgE/2/

于 2013-05-07T23:33:07.967 回答
0

这就是您的 HTML 和 CSS 的样子：

<div class="module-content" data-href="/joomla/index.php">
   <div class="aidanews2" style="clear: both;">
      <div class="aidanews2_art aidacat_2 aidapage105 hidepiece odd first" style="clear: both; display: block;">
      <div class="aidanews2_art aidacat_2 aidapage105 hidepiece even last" style="clear: both; display: block;">
   </div>
</div>

 

.moduletable > .module-content:after{
    background: none repeat scroll 0 0 #050505;
    content: ' ' attr(data-href);
}

该行content: ' ' attr(data-href);正在寻找data-href元素中的属性.module-content。

于 2013-05-06T23:29:29.637 回答