用textContent选择一个元素，然后替换一个元素ID

Question

我有一堆使用动态生成ID的div（'.program-collector'）。这些ID通常不止一个单词，所以我在我的PHP中使用strtok方法将ID缩减为原始多字ID字符串的第一个单词，这很好。

然而，两个div的具有相同的第一个字（“代理基础知识”和“代理高级”），所以我试图用包含原 ID字符串中其标题识别DIV的“代理基础”，并用新的代码（“基础”）替换它的ID。

在我的jQuery，我尝试这个方法用的textContent属性...

$('.program-collector').each(function(k,ttl) { 
    if($(ttl).find("h3").textContent =="Acting Basics") { 
     alert("Alert"); 
     $(ttl).attr("id","Basics"); 
    } 
}; 

...但是这不会触发警报弹出或更改ID，所以东西在我的代码是关闭。任何人都可以阐明如何改进我的代码或提供另一种我应该使用的方法的建议吗？

Answer 1

$(ttl).find("h3").textContent应该是$(ttl).find("h3").text()。 textContent是一个DOM属性，而不是一个jQuery方法。

也有可能你在元素中有空格。如果它不匹配，尝试修剪它：

$('.program-collector').each(function(k,ttl) { 
    if($(ttl).find("h3").text().trim() =="Acting Basics") { 
     alert("Alert"); 
     $(ttl).attr("id","Basics"); 
    } 
}; 

你可以在一个单一的通话做到这一点：

$('.program-collector:has(h3:contains("Acting Basics"))').attr('id', 'Basics'); 

Answer 2

下面是一个简化版本，它不需要each()功能。

$('.program-collector').find('h3:contains("Acting Basics")').closest('.program-collector').attr("id","Basics"); 

http://jsfiddle.net/bhx36p9f/