gpt4 book ai didi

javascript - 获取和设置 div 上的文本

转载 作者:行者123 更新时间:2023-11-28 10:34:28 38 4
gpt4 key购买 nike

我有一个带有几个带有文本的 div 的面板,我想获取这些 div 的文本并以模式显示所有内容。 div 的内容如 Task1、Planning 或 URI。

主要结构:

 <div id="tasksList" class="row"> //The row of panels
<div class="col-xs-6 col-sm-4 col-md-3"> /The panel
<div id="1" class="panel panel-off2">
<div class="panel-heading">
<div class="row">

<div class="ptitle">Task 1</div>

<div class="optiongroup"> <span data-toggle="modal" id="show" class="glyphicon glyphicon-edit yellow"></span>


<div class="miniswitch">
<input type="checkbox" data-id="12">
<label><i class="glyphicon glyphicon-off"></i></label>
</div>
</div>

</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-12"><strong>Planning:</strong>&nbsp;0/10 * * * * ?</div>
</div>
<div class="row">
<div class="col-xs-12" id="uri" value="uri">
<strong>URI:</strong>&nbsp;/cron/test/task1
</div>
</div>
</div>
</div>
</div>

... (another div for the second panel)

模态的 JS(模板是模态内容开始的地方):

 $(function() {
$('#show').avgrund({
height: 200,
holderClass: 'custom',
showClose: true,
showCloseText: 'close',
onBlurContainer: '.container',
template: ' <div class="modal-content">'
+
+ '<div class="modal-header">'
+ ' <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>'
+ '<h4 id="taskDetailTitle" class="modal-title">$("#uri").text()</h4>'
+ '</div>'
+ ' <div class="modal-body">'
+ '<div class="row-fluid" style="padding-bottom: 0px;">'
+ '<form id="taskForm" class="form-horizontal" role="form">'
+ '<input type="hidden" name="id" value="2"> '
+ ' <div class="form-group">'
+ ' <label for="inputName" class="col-xs-3 col-sm-3 col-md-3 control-label">Name</label>'

});
});

最佳答案

您可以使用 .innerText 获取 div 的文本,您可以使用 .text() 在 div 上设置文本

<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/
libs/jquery/1.3.0/jquery.min.js"></script>
</head>
<body>
<div id="load">Hola</div>
</body>
<script type="text/javascript">
//Get text
alert($("#load")[0].innerText);
//Input text
$("#load").text('Write');
//Get the input
alert($("#load")[0].innerText);
</script>
</html>

关于javascript - 获取和设置 div 上的文本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23390293/

38 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com