javascript - 如何让元素被选中

标签 javascript jquery

右上角的下拉菜单,我需要获取所选类型字符串的前三个字符,例如,如果用户选择 Pizza Delivery,我需要字符串“piz”

这是url

    <div class="select-big select-small right">
<div class="select-holder">
<div class="button">
<div class="icon left"></div>
<p class="text left">Fast Food Pos System</p>
<a href="#" class="trigger right"></a>
<div class="cl">&nbsp;</div>
</div>
<div class="dropdown">
<ul>
<li><a href="#" class="icon-s icon-s1">Grocery</a></li>
<li><a href="#" class="icon-s icon-s2">Pizza Delivery</a></li>
<li><a href="#" class="icon-s icon-s3">Quick Service</a></li>
<li><a href="#" class="icon-s icon-s4">Retail</a></li>
<li><a href="#" class="icon-s icon-s5">Salon</a></li>
<li><a href="#" class="icon-s icon-s6">Bar</a></li>
</ul>
<div class="cl">&nbsp;</div>
</div>
</div>

这是我正在使用的 Jquery

    $('.select-big ul li a').click(function () {
$(this).parents('.select-holder').find('.text').text($(this).text());
     // I need the string here

最佳答案

您可以使用 .text().substring() ,像这样:

$('.select-big ul li a').click(function () {
  $(this).parents('.select-holder').find('.text').text($(this).text());
  var type = $(this).text().substring(0, 3).toLowerCase();
  alert(type);
});

You can give it a try here

关于javascript - 如何让元素被选中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3637659/

相关文章:

c# - 在独立的 C# 类中存储 Javascript/JQuery

javascript - 移动后使可移动图像按钮静止

javascript迭代变量数组并将值重新分配给每个变量

android - Jsoup 从 CSS 中选择元素

javascript - 使用 webpack 构建 Angular 6 应用程序时出错

javascript - 获取/NaN/路径

javascript - 文档的Word加载项内容

javascript - 延迟加载不适用于无限滚动

javascript - 如何在列表中添加删除按钮?

javascript - 正则表达式禁止连续单词