获取jQuery之后的值。单击带有内容动态的函数jQuery

获取jQuery之后的值。单击带有内容动态的函数jQuery,jquery,html,Jquery,Html,我有下一个密码 HTML 还可以尝试使用$('.lisjobs'),这将显示警报但无法获取数据,也可以尝试使用$('section.listjobs.jobgroup')、$('.jobgroup')但未找到。还有别的想法吗 })(jQuery); 但未找到:/。如何获取类为“jobgroup”的div的值?。任何示例。如果您想获取所单击的作业组的值,请执行以下操作 $('section.listjobs .jobgroup').click(function(e){ var name

我有下一个密码

HTML

还可以尝试使用$('.lisjobs'),这将显示警报但无法获取数据,也可以尝试使用$('section.listjobs.jobgroup')、$('.jobgroup')但未找到。还有别的想法吗

 })(jQuery);

但未找到:/。如何获取类为“jobgroup”的div的值?。任何示例。

如果您想获取所单击的
作业组的值,请执行以下操作

$('section.listjobs .jobgroup').click(function(e){
    var name = $(this).text();
    /* Do something with "name" here */
});
但这只是用文本设置了一个变量,它对文本没有任何作用

编辑:看起来您是通过AJAX加载此内容的,在这种情况下,您无法在运行时绑定它们,但需要使用
on()
动态绑定它们。这段代码假设
section.listjobs
不是通过AJAX加载的

$('section.listjobs').on('click', '.jobgroup', function(e){
    var name = $(this).text();
    /* Do something with "name" here */
});


您也可以使用第一种方法绑定它们,但随后需要在元素添加到DOM后运行该脚本,即在ajax
success
函数结束时运行该脚本。我仍然会使用()上的

函数似乎正在工作。您正在将全文转储到变量“name”中—您可能希望将其输出到某个地方,以便查看结果(可能使用console.log()

您可能还想更改单击的字段-当前已将其设置为“listjobs”部分-如果您想输出该字段,可以将其链接到特定的作业组

示例代码:

$('section.listjobs .jobgroup').click(function(e){
    console.log($(this).text());
});

你使用了错误的上下文
这是事件,而不是
div
。您需要选择by
this.id
,它是触发事件的控件的id

因此,您可以:

var name = $('#' + this.id).text();
试一试


我认为您应该使用您发布的HTML更改
section.listjobs div.jobgroup
section.listjobs
,如果它不起作用,您的HTML实际上看起来与您发布的HTML不一样,或者您的页面上的其他地方出现Javascript错误,导致此脚本无法运行……或者您的页面上可能没有加载Jquery。您的确切错误消息是什么?我刚刚复制了我的代码,jQuery加载,因为在使用之后。单击我正在使用的函数。ajax函数。看起来您是动态加载内容的。更新了我的答案。
$('section.listjobs').on('click', '.jobgroup', function(e){
    var name = $(this).text();
    /* Do something with "name" here */
});
$('section.listjobs .jobgroup').click(function(e){
    console.log($(this).text());
});
var name = $('#' + this.id).text();
$('.jobgroup').click(function(){
var tmpHtml = $(this).html();
alert(tmpHtml);
});