为元素分配和获取值

Question

我正在尝试为我的文本区域分配一个值，以便我可以将它与一天中的时间进行比较，并随着时间的推移获得不同的颜色。我理解逻辑部分似乎无法从我的 textarea 元素中获取数值。我已经尝试过自定义属性以及 value= 但我似乎能抓住的只是未定义

HTML:

  <th class="col-1 hour 9">9 am</th>
                <th class=" col-10 events">
                    <textarea class="description" data-value="9"></textarea>
                </th>
                <th class="col-1 saveBtn"><i class="far fa-save"></i></th>

我在 jquery 的尝试：

var event = $("*[data-value]")
for (let i = 0; i < event.length; i++) {
    var timeArr = event[i];
    var timeEl = JSON.stringify(timeArr)
    console.log(timeEl.value)

}

感谢您提供的任何帮助或提示！

Answer 1

使用以下JS代码：

$(document).ready(function(){
    $.each($("*[data-value]"), function(index, element){
        console.log($(element).attr("data-value"));
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<th class="col-1 hour 9">9 am</th>
<th class=" col-10 events">
    <textarea class="description" data-value="9"></textarea>
</th>
<th class="col-1 saveBtn"><i class="far fa-save"></i></th>

为元素分配和获取值

assigning and grabbing a value to an element

jquery

textarea

element