使用jquery插件设置html元素的值

时间:2011-03-01 23:35:41

标签: javascript jquery plugins jquery-plugins

我正在寻找一个jquery插件,它将检查元素的类型,并根据元素将其值设置为通过html()或val()或text()。有这样的吗?如果有一个通用插件来设置html元素的值会很棒。

1 个答案:

答案 0 :(得分:1)

我认为你不需要插件,但你可以编写一个快速的jQuery扩展:

$.fn.set_val = function(value) {
    switch ( this[0].nodeName.toLowerCase() ) {
    case 'input':
        $(this[0]).val(value);
        break;
    default:
        $(this[0]).html(value);
        break;
    }
};

然后你可以这样称呼它:

<input type="text" name="foo" id="foo" value="" />
<div id="bar"></div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#foo').set_val('hello');
        $('#bar').set_val('goodbye');
    });
</script>

您可以根据需要为switch语句添加不同HTML元素的更多条件。 http://jsfiddle.net/hans/4T3x5/