[英]Jquery change html tag
我有这样的结构:
<div id="mali_oglasi">
<?php foreach ($mgs as $key) : ?>
<p class="mali_oglas">
<span class="name"><?php echo $key['name'] ?></span>
<span class="body"><?php echo $key['body'] ?></span>
<span class="contact_author"><?php echo $key['contact_author'] ?></span>
<span class="date_created"><?php echo $key['date_created'] ?></span>
<span class="date_expires"><?php echo $key['date_expires'] ?></span>
<span class="email"><?php echo $key['email'] ?></span>
<?php foreach ($lokacija as $lok) : ?>
<?php if($lok['id_location'] == $key['location_id']) : ?>
<span><?php echo $lok['name'] ?></span>
<?php endif ?>
<?php endforeach; ?>
<?php foreach ($kategorija as $kat) : ?>
<?php if($kat['id_category'] == $key['category_id']) : ?>
<span><?php echo $kat['name'] ?></span>
<?php endif ?>
<?php endforeach; ?>
<a class="obrisi" id="<?php echo $key['id_global_info'] ?>">Obrisi</a>
<a class="izmeni" id="<?php echo $key['id_global_info'] ?>">Izmeni</a>
</p>
<?php endforeach; ?>
</div>
单击<a class="izmeni" id="<?php echo $key['id_global_info'] ?>">Izmeni</a>
,需要将跨度更改为输入或文本区域。 我怎样才能做到这一点?
您将使用jQuerys .replaceWith() -方法。 例如
$('.izmeni').on('click', function() {
$('span').replaceWith('<input />');
});
您还可以在点击处理程序中浏览DOM以获得目标元素:
$('.izmeni').on('click', function() {
$(this).closest('span').replaceWith('<input />');
// or:
// $(this).closest('p').find('span').replaceWith('<input />');
// etc.
});
或类似的东西。 看一下jQuerys的各种树遍历函数 。
你应该做
$('a.izmeni').click(function(){
$('span.classofyourspan').replaceWith($('<input>', { type : "text", name: "yourname"}));
});
您可以采用几种方法,但是使用jQuery的replaceWith方法看起来是最好的方法。 他们的文档中甚至还有一个示例: http : //api.jquery.com/replaceWith/
$('.izmeni').click(function() {
$(this).replaceWith('<span>'+$(this).text()+'</span>');
});
$('a.izmeni').live('click', function() {
var span = $('p.mali_oglasi span');
var inputBox = $('<input />').attr('value', span.text());
span.replaceWith(inputBox);
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.