Javascript 通过jQuery选择使用其他元素文本的类

如果我使用var c作为特定文本，jQuery选择代码将起作用

var className = $('#element').text(); //return value is 'class-text';

$el = $('.' + className);// Not Working, selecting Element

但元素中的文本不起作用

var className = 'class-text'; 

$el = $('.' + className);// Working, selecting Element

感谢您对使用jQuery选择使用其他元素文本的类的任何意见。请使用jQuery删除字符串开头和结尾的空白

更新：字符串开头存在某些字符，因此您需要删除该字符，您可以使用\W选择非单词字符并替换它

var className = $.trim($('#element').text()).replace(/\W+/g,'');     
$el = $('.' + className);

用于删除字符串开头和结尾的空白

更新：字符串开头存在某些字符，因此您需要删除该字符，您可以使用\W选择非单词字符并替换它

var className = $.trim($('#element').text()).replace(/\W+/g,'');     
$el = $('.' + className);

---

在这种情况下，您应该检查className是否是您认为的：

var className = $('#element').text(); //return value is 'class-text';
alert('[' + className +']');

$el = $('.' + className);

在你的JS小提琴中，你在选项d的第一个位置有一个奇怪的角色？D类

只需删除该选项，代码即可工作：

<option>ClassD</option>

---

在这种情况下，您应该检查className是否是您认为的：

var className = $('#element').text(); //return value is 'class-text';
alert('[' + className +']');

$el = $('.' + className);

在你的JS小提琴中，你在选项d的第一个位置有一个奇怪的角色？D类

只需删除该选项，代码即可工作：

<option>ClassD</option>

---

当我发出警报时，您的选项文本似乎有如下特殊字符：

使用下面的代码删除这些字符。仅过滤字母数字值

className = $('#element option:selected').text().replace(/[^a-z0-9\s]/gi, '');

---

-请参阅第一个和第二个警报。

当我发出警报时，您的选项文本似乎有如下特殊字符：

使用下面的代码删除这些字符。仅过滤字母数字值

className = $('#element option:selected').text().replace(/[^a-z0-9\s]/gi, '');

---

---

-请参阅第一个和第二个警报。

谢谢您的快速回答，但代码也不起作用@JidoPark：请添加您的html@JidoPark：可能类名在lowercase@JidoPark：在这种情况下使用toLowerCase，我附加了jsfillde请检查URLs感谢快速回答，但代码也不起作用@JidoPark：请添加您的html@JidoPark：可能类名在lowercase@JidoPark：在这种情况下，请使用小写，我附加了JSPILLDE请检查URLI附加的JSPILLDE请检查我附加的URL JSPILLDE请检查我相应地编辑了答案的URL。小说中的奇怪人物D类是你的问题。我已经相应地编辑了我的答案。小说中的奇怪人物classD是你的问题。奇怪的是，你是从什么地方复制这些下拉标记的吗？不管怎样，很高兴听到这个消息，不客气，伙计。在我的osx chrome中有两个奇怪的警报，非常感谢你的解决方案~！奇怪的是，你是从什么地方复制这些下拉标记的吗？不管怎样，很高兴听到这个消息，不客气，伙计。在我的osx chrome中有两个奇怪的警报，非常感谢你的解决方案~！