将div：s内容放在变量中，并使用子字符串在文本框中显示部分内容

Question

我有这个jQuery-function女巫从div中获取内容，并在点击div时将其内容放入文本框中。

JQuery的：

$('.table-time').click(function () {

    $('input#Time').val($(this).html());

})

但我只想在文本框中显示部分内容。 例如，div：s的内容是：＆＃34; 08：00 - 09:30＆＃34;，但我只想展示：＆＃34; 08：00＆＃34;在文本框中。 我试图通过将div：s内容放在我的函数中的变量中然后使用子字符串来解决它，但我不知道如何。甚至不知道这是不是正确的做法......

Html，c＃in razor mvc：

foreach (var item in Model.LedigaTider)
{
<div class="table-time" id="@item.ToShortTimeString()" onclick="toggle_visibility('popupEventForm');">
@item.ToShortTimeString() - @item.AddMinutes(ViewBag.BehTid).ToShortTimeString()
</div>
}

Answer 1

您可以使用子字符串，但我认为使用split更容易：

var str = $.trim($(this).text().split('-')[0]);
$('input#Time').val(str);

• 修剪将从新值中删除空格;
• 文本将获取文本而不是html。在您的示例中不做任何更改，但我更喜欢使用文本，因此您对HTML实体没有任何问题;
• Split会将您的字符串转换为数组。每次遇到-时，它都会创建一个新单元格。最后一个数组是[' 08:00 ', ' 09:30 '];
• [0]选择该数组的第一个单元格。