我需要让文本输入显示单击元素的类名。请看以下代码:
使用@arun-p-johny 的工作解决方案更新了演示(谢谢!)
HMTL:
<ol>
<li>
<input type="text" name="status{{photo.id}}" class="markinput" id="status{{photo.id}}" value="neutral" />
<a href="#" class="mark neutral" title="Toggle yes, no or neutral."><b>Yes</b><i>No</i>Neutral</a>
</li>
</ol>
jQuery:
// Toggle between selected, rejected and neutral settings
var classNames = ['yes', 'no', 'neutral'];
$( '.mark' ).click(function () {
var $this = $(this);
$this.toggleClass(function (i, className, b) {
var ret_index;
$.each(classNames, function (index, value) {
if ($this.hasClass(value)) {
ret_index = (index + 1) % classNames.length;
}
});
$this.removeClass(classNames.join(' '));
return classNames[ret_index];
// Need to toggle value of input based on adjacent element class
// $this.closest("input").val(?????????);
});
});