刪除屬性點擊查詢

我有問題。我需要這個p標籤來顯示每當標籤被點擊。這些標籤與新聞/博客帖子的列表相關，所以我需要一個通用的jquery函數，而不管每個帖子列出的類是什麼。刪除屬性點擊查詢

以下是部分博文的示例html代碼片段。

<p style="display:none;" class="_83214">text goes here </p> 
<a class="_83214" href="#">Read More</a>

這裏是jQuery的。我爲導航做了類似的事情，它運行得很好，所以我不知道爲什麼它現在不工作。

$('a').click(function() { 
var myClass = this.className; 
$("p." + myClass).css('display', 'initial'); 
});

編輯： 我得到它的工作！我在原始JSON解析代碼中放置了使用.prev方法發佈的建議，而不是在其外部。現在它就像一個魅力，我不必使用類。

下面是最終的工作代碼。

<script> 

$.getJSON("js/news.json", function(data) { 
    $.each(data.posts, function(index, val) { 
     var title = val.title; 
     var date = val.date; 
     var content = val.content; 
     var after = content.substring(300); 
     if (content.length > 300) { 
      content = content.substring(0, 300); 
      $("#newscontainer").append('<div><h1>' + title + '</h1><h2>' + date + '</h2><p>' + content + '. . . </p> <p style="display: none;">' + after + '</p><a class="reveal" href="#">Read More</a></div><hr>'); 
      $('a.reveal').click(function() { 
      $(this).prev().css('display', 'initial')}); 
     } else { 
      $("#newscontainer").append('<div><h1>' + title + '</h1><h2>' + date + '</h2><p>' + content + '</p></div><hr>'); 
     } 

    }); 
}); 


</script> 
<div id='newscontainer'> 
</div>

來源

2014-09-01 Jeremy

使用顯示塊，而不是... – 2014-09-01 03:59:28

如果使用.prev（）我的回答解決你的問題，你應該考慮將其標記爲接受的答案和/或提升它。 – j08691 2014-09-01 04:38:54

我需要15個聲望才能投票。我確實將它作爲接受的答案。對不起，如果我冒犯了你，我是新來這個網站=] – Jeremy 2014-09-01 04:39:44

如果你需要一類獨立的解決方案，使用方法：

$('a').click(function() { 
    $(this).prev('p').css('display', 'initial'); 
});

來源

2014-09-01 03:58:27 j08691

試試這個

$('a').click(function() { 
var myClass = $(this).attr("class"); 
$("p." + myClass).css('display', 'initial'); 
});

編輯

u能修改爲從JSON創建的HTML爲u這樣說

<p style="display:none;" class="_83214">text goes here </p> 
<a onclick="javascript:displayPost($(this));return false;" class="_83214">Read More</a>

的Javascript這樣

function displayPost(anchor) { 
    var myClass = anchor.attr("class"); 
    $("p." + myClass).css('display', 'initial'); 
});

來源

2014-09-01 03:56:45 kefy

這是我原來的，它仍然沒有按照我的希望工作。難道是因爲html博客文章正在被javascript和JSON創建和插入嗎？ – Jeremy 2014-09-01 03:59:09

刪除屬性點擊查詢

回答

相關問題