0 
<body>
    <div class="container">
        Input
        <form class="form-inline" role="form">
            <div class="form-group">

                <input type="text" class="form-control" id="getString" placeholder="Enter some string">

            </div>
            <button type="button" class="btn btn-primary" id="nowBtn">Now</button>
        </form>

        <br/>
        <br/>

        All Headings<textarea class="form-control" rows="6"></textarea>
    </div>   
</body>

我正在使用引导程序，当按下“现在”按钮时，我将在表单中给出一些字符串。
我应该<h1>在 textarea 中获取该字符串的标签（即<h1>some string</h1>在带有应用<h1>标签的 textarea 中）。

它可以实现吗？我想使用 jQuery。

4

3 回答 3

1

从您的评论中，我了解到您希望将其设置font-size为与标签textarea相同的大小。h1

由于您的 HTML 中没有h1标签，因此您需要在的 click 事件处理函数中创建一个#nowBtn：

var header = document.createElement('h1'),
    size = window.getComputedStyle(header, null).fontSize; // Depending used browser and CSS, this returns for example 32px

然后你可以这样设置font-size：textarea

$('textarea').css('font-size', size);

jsFiddle 的现场演示。

编辑

正如 bfavaretto 所提到的，一种跨浏览器的方法是使用 jQuery 来获取h1:

size = $(header).css('font-size');
于 2013-08-20T14:44:13.363 回答
0

看看这个小提琴——它可能是你想要的。 http://jsfiddle.net/Nj7pj/

$(document).ready(function () {
    $('.btn-primary').on('click', function () {
        inputVal = $('#getString').val();
        newTextAreaVal = "<h1>" + inputVal + "</h1>";
        $('textarea').val(newTextAreaVal);
    });
});
于 2013-08-20T14:31:50.563 回答
0

我认为你可以做到

var h1 = $("h1.classYouWant"); 
$(".form-control").val( "<h1>" + h1.text() + "</h1>" );

如果是动态标题（h1 或 h2 或 h3 ）

你可以做

var header = $(".classYouWant").get(0);
$(".form-control").val( header.outerHTML );
于 2013-08-20T14:33:17.780 回答