点击时获取元素的id(php,jquery,ajax,javascript)

对不起,这是我的第一个项目,我学到了很多东西。 所以,如果有人能帮助我,我将不胜感激。

我在我的项目上有这个侧边栏,其中包含rss链接。 我必须使用ajax,所以每当用户点击任何rss链接时,Feed都会出现在屏幕上。

这是我的侧边栏代码:

点击任何链接时,是否有机会获得每个链接的ID?

或者我必须编写一个不同的函数,在哪里为每个id使用ajax?

有人可以告诉我如何只在这一次使用ajax,而不是七次? 我的身体标签中有一个div: div id="changebodywithaxaj" ,我想用每个链接的正确输入更改它。

先感谢您。

你可以通过这种方式获得ID,更多细节和ajax部分,检查这个小提琴,祝你好运。 http://jsfiddle.net/ea51y1j5/

 $("#userMenu").children('li').click( function() { var rssId = $(this).children('a').attr('id'); }); 

如果我不正确并且您想要向所有链接添加点击事件:

 $('#userMenu a').on("click", ajaxCall); 

并在click事件中获取被点击元素的id并调用ajax函数在屏幕上绘制feed:

 function ajaxCall(){ var id = $(this).attr('id'); $.ajax({ url: "url", data: { id : id }, success: paintFeedsOnScreen }) } 

那是或者我错过了什么?

你可以试试这个

  $('li a').click(function(){ var id = this.id; $.ajax({ url: // your url goes here data:{id:id}, success: function(result){ } }); }); 

将click事件监听器附加到li a元素; 在click处理程序中,您可以从this.id的id属性中获取元素的id。 然后,您可以将该id用作ajax调用中的数据。 此外,传递事件对象e ,并调用e.preventDefault()以防止点击尝试跟踪链接 – 在您的情况下,它将跳到顶部。

 $('li a').on('click', function(e) { e.preventDefault(); var Id = this.id; // use id in ajax call }); 

只需使用$('clickedEl').attr('id')链接到jsfiddle – > http://jsfiddle.net/6ov1ydzv/来检索点击的值

这个怎么样?

 $('ul.list-unstyled').on('click', 'a', function() { var ID = this.id; //use the ID for your ajax call... }); 

更好的是,你也可以使用元素id,因为你有一个,如下所示:

 $('#userMenu').on('click', 'a', function() { 

因此,如果您只想要链接中的ID,请执行以下操作:

 $("#userMenu li a").on("click", function(){ var id = this.id; // This is where you can do what ever with your id from that element. return false; // This is so that it won't follow the link you're clicking and reload the page // when you don't want to. }); 

但也许你真的想要点击链接的href。 因为它是你想要遵循的链接(使用ajax)吗? 你几乎做同样的事情:

 $("#userMenu li a").on("click", function(){ var href = $(this).attr('href'); // do your ajax stuff here perhaps. With href as a link in your ajax call. return false; }); 

在页面上将此代码添加为JS脚本:

 $("#userMenu a").click(function() { $("#changebodywithajax").html(updateRSSWithID($(this).attr('id'))); }); 

其中updateRSSWithID(IDGoesHere)是一个函数,它接收元素的ID并返回与其对应的适当文本体。